"use client " import { useIntl } from "react-intl" import { dt } from "@/lib/dt" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import useLang from "@/hooks/useLang" import styles from "./linkedReservation.module.css" import type { LinkedReservationSchema } from "@/types/components/hotelReservation/bookingConfirmation/rooms" interface LinkedReservationProps { linkedReservation: LinkedReservationSchema roomIndex: number } export function LinkedReservation({ linkedReservation, roomIndex, }: LinkedReservationProps) { const intl = useIntl() const lang = useLang() const { checkinDate, checkoutDate, confirmationNumber, roomTypeCode, adults, children, } = linkedReservation const fromDate = dt(checkinDate).locale(lang) const toDate = dt(checkoutDate).locale(lang) return (

{intl.formatMessage( { id: "Room {roomIndex}", }, { roomIndex: roomIndex + 2, } )}

{intl.formatMessage({ id: "Booking number" })} {confirmationNumber}
{intl.formatMessage({ id: "Check-in" })} {intl.formatMessage( { id: "{checkInDate} from {checkInTime}" }, { checkInDate: fromDate.format("ddd, D MMM"), checkInTime: fromDate.format("HH:mm"), } )}
{intl.formatMessage({ id: "Check-out" })} {intl.formatMessage( { id: "{checkOutDate} from {checkOutTime}" }, { checkOutDate: toDate.format("ddd, D MMM"), checkOutTime: toDate.format("HH:mm"), } )}
{intl.formatMessage({ id: "Adults" })} {adults}
{intl.formatMessage({ id: "Children" })} {children}

) }