import { useIntl } from "react-intl" import { ArrowRightIcon, ScandicLogoIcon } from "@/components/Icons" import Image from "@/components/Image" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import Title from "@/components/TempDesignSystem/Text/Title" import styles from "./staySection.module.css" import { StaySectionProps } from "@/types/components/hotelReservation/bookingConfirmation/bookingConfirmation" export default function StaySection({ hotel, stay }: StaySectionProps) { const intl = useIntl() const nightsText = stay.nights > 1 ? intl.formatMessage({ id: "nights" }) : intl.formatMessage({ id: "night" }) return ( <>
{hotel.name} {hotel.address} {hotel.phone}
{`${stay.nights} ${nightsText}`} {stay.start} {stay.end}
{intl.formatMessage({ id: "Breakfast" })} {`${intl.formatMessage({ id: "Weekdays" })} ${hotel.breakfast.start}-${hotel.breakfast.end}`} {`${intl.formatMessage({ id: "Weekends" })} ${hotel.breakfast.start}-${hotel.breakfast.end}`}
{intl.formatMessage({ id: "Check in" })} {intl.formatMessage({ id: "From" })} {hotel.checkIn}
{intl.formatMessage({ id: "Check out" })} {intl.formatMessage({ id: "At latest" })} {hotel.checkOut}
) }