Booking BookingHero.tsx

100% Statements 3/3

100% Branches 0/0

100% Functions 1/1

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26  
 
 
 
4x
 
 
 
 
 
 
4x
 
 
 
 
 
1x
 
 
 
 
 
 
 
  import React, { FC } from 'react';
import { ImageGallery } from '../ImageGallery';
import { BookingForm } from './BookingForm';
 
const styles = require('./Booking.module.css');
 
export const BookingHero: FC<{
  slug: string;
  title: string;
  images: [];
  locations: []
}> = ({
  slug,
  title,
  images,
  locations
}) => {
  return <div className={styles.BookingHero}>
    <ImageGallery classes={styles.BookingHeroImage} images={images} />
    <section className={`${styles.BookingHeroContent}`}>
      <h1 className={styles.BookingTitle}>{title}</h1>
      <BookingForm slug={slug} locations={locations} />
    </section>
    <hr className="hr only-sm" />
  </div>;
};