import SummaryUI from "../UI"
import SummaryBottomSheet from "./BottomSheet"

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

import type { SummaryProps } from "@/types/components/hotelReservation/summary"

export default function MobileSummary(props: SummaryProps) {
  return (
    <div className={styles.mobileSummary}>
      <SummaryBottomSheet>
        <div className={styles.wrapper}>
          <SummaryUI {...props} />
        </div>
      </SummaryBottomSheet>
    </div>
  )
}