"use client" import { useIntl } from "react-intl" import { ChevronRightSmallIcon } from "@/components/Icons" import Button from "@/components/TempDesignSystem/Button" import Divider from "@/components/TempDesignSystem/Divider" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import { formatPrice } from "@/utils/numberFormatting" import Room from "../Room" import styles from "./rooms.module.css" import type { BookingConfirmationReceiptRoomsProps } from "@/types/components/hotelReservation/bookingConfirmation/receipt" export default function ReceiptRooms({ booking, room, linkedReservations, }: BookingConfirmationReceiptRoomsProps) { const intl = useIntl() if (linkedReservations.some((reservation) => !reservation)) { return null } const grandTotal = linkedReservations.reduce((acc, reservation) => { const reservationTotalPrice = reservation?.booking.totalPrice || 0 return acc + reservationTotalPrice }, booking.totalPrice) return ( <> {linkedReservations.map((reservation, idx) => { if (!reservation?.room) { return null } return ( ) })}

{intl.formatMessage({ id: "Total price" })} {formatPrice(intl, grandTotal, booking.currencyCode)}

{intl.formatMessage( { id: "Approx. {value}" }, { value: "N/A", } )}

) }