"use client" import { useIntl } from "react-intl" import { dt } from "@/lib/dt" import { CheckCircleIcon, ChevronRightSmallIcon, CrossCircle, } from "@/components/Icons" import Image from "@/components/Image" import Link from "@/components/TempDesignSystem/Link" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import useLang from "@/hooks/useLang" import styles from "./room.module.css" import type { RoomProps } from "@/types/components/hotelReservation/bookingConfirmation/rooms/room" export default function Room({ booking, img, roomName }: RoomProps) { const intl = useIntl() const lang = useLang() const guestName = `${booking.guest.firstName} ${booking.guest.lastName}` const fromDate = dt(booking.checkInDate).locale(lang) const toDate = dt(booking.checkOutDate).locale(lang) return (
{/* {intl.formatMessage({ id: "Room" })} 1 */}
{booking.rateDefinition.isMemberRate ? ( <> {intl.formatMessage({ id: "Membership benefits applied" })} ) : ( <> {intl.formatMessage({ id: "No membership benefits applied" })} )}
{img.metaData.altText}
{roomName} {intl.formatMessage({ id: "View room details" })}
  • {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: "Breakfast" })} {intl.formatMessage({ id: "N/A" })}
  • {intl.formatMessage({ id: "Cancellation policy" })} {booking.rateDefinition.cancellationText}
  • {intl.formatMessage({ id: "Rebooking" })} {intl.formatMessage({ id: "N/A" })}
{intl.formatMessage({ id: "Main guest" })} {guestName} {booking.guest.membershipNumber ? ( {intl.formatMessage( { id: "Friend no. {value}" }, { value: booking.guest.membershipNumber, } )} ) : null} {booking.guest.phoneNumber ? ( {booking.guest.phoneNumber} ) : null} {booking.guest.email ? ( {booking.guest.email} ) : null}
) }