36 lines
884 B
TypeScript
36 lines
884 B
TypeScript
"use client"
|
|
|
|
import { useEnterDetailsStore } from "@/stores/enter-details"
|
|
|
|
import SidePanel from "@/components/HotelReservation/SidePanel"
|
|
|
|
import SummaryUI from "./UI"
|
|
|
|
import type { SummaryProps } from "@/types/components/hotelReservation/summary"
|
|
|
|
export default function DesktopSummary({ isMember }: SummaryProps) {
|
|
const toggleSummaryOpen = useEnterDetailsStore(
|
|
(state) => state.actions.toggleSummaryOpen
|
|
)
|
|
|
|
const { booking, rooms, totalPrice, vat } = useEnterDetailsStore((state) => ({
|
|
booking: state.booking,
|
|
rooms: state.rooms,
|
|
totalPrice: state.totalPrice,
|
|
vat: state.vat,
|
|
}))
|
|
|
|
return (
|
|
<SidePanel variant="summary">
|
|
<SummaryUI
|
|
booking={booking}
|
|
rooms={rooms}
|
|
isMember={isMember}
|
|
totalPrice={totalPrice}
|
|
vat={vat}
|
|
toggleSummaryOpen={toggleSummaryOpen}
|
|
/>
|
|
</SidePanel>
|
|
)
|
|
}
|