"use client" import { useIntl } from "react-intl" import { useBookingConfirmationStore } from "@/stores/booking-confirmation" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import Room from "./Room" import TotalPrice from "./TotalPrice" import styles from "./receipt.module.css" export default function Receipt() { const intl = useIntl() const rooms = useBookingConfirmationStore((state) => state.rooms) return (

{intl.formatMessage({ id: "Booking summary" })} {rooms.map((room, idx) => (

{rooms.length > 1 ? ( {intl.formatMessage( { id: "Room {roomIndex}" }, { roomIndex: idx + 1 } )} ) : null}

))}

) }