import Actions from "./Actions"
import Details from "./Details"
import Header from "./Header"
import HotelImage from "./HotelImage"
import Summary from "./Summary"
import TotalPrice from "./TotalPrice"

import styles from "./bookingConfirmation.module.css"

import type { BookingConfirmationProps } from "@/types/components/hotelReservation/bookingConfirmation/bookingConfirmation"

export default function BookingConfirmation({
  confirmationNumber,
}: BookingConfirmationProps) {
  return (
    <>
      <Header confirmationNumber={confirmationNumber} />
      <section className={styles.section}>
        <div className={styles.booking}>
          <Details confirmationNumber={confirmationNumber} />
          <HotelImage confirmationNumber={confirmationNumber} />
          <Actions />
        </div>
        {/* Supposed Ancillaries */}
        <Summary confirmationNumber={confirmationNumber} />
        <TotalPrice confirmationNumber={confirmationNumber} />
        {/* Supposed Info Card - Where should it come from?? */}
      </section>
    </>
  )
}