"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 fromDate = dt(booking.checkInDate).locale(lang) const toDate = dt(booking.checkOutDate).locale(lang) return (
{/* {intl.formatMessage({ id: "Room" })} 1 */} {`${intl.formatMessage({ id: "Reservation number" })} ${booking.confirmationNumber}`}
{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" })} {`${fromDate.format("ddd, D MMM")} ${intl.formatMessage({ id: "from" })} ${fromDate.format("HH:mm")}`}
  • {intl.formatMessage({ id: "Check-out" })} {`${toDate.format("ddd, D MMM")} ${intl.formatMessage({ id: "from" })} ${toDate.format("HH:mm")}`}
  • {intl.formatMessage({ id: "Breakfast" })} N/A
  • {intl.formatMessage({ id: "Cancellation policy" })} {booking.rateDefinition.cancellationText}
  • {intl.formatMessage({ id: "Rebooking" })} N/A
{intl.formatMessage({ id: "Main guest" })} {`${booking.guest.firstName} ${booking.guest.lastName}`} {booking.guest.membershipNumber ? ( {`${intl.formatMessage({ id: "Friend no." })} ${booking.guest.membershipNumber}`} ) : null} {booking.guest.phoneNumber ? ( {booking.guest.phoneNumber} ) : null} {booking.guest.email ? ( {booking.guest.email} ) : null}
) }