"use client" import { useIntl } from "react-intl" import FlexibilityOption from "@/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption" import Button from "@/components/TempDesignSystem/Button" import Caption from "@/components/TempDesignSystem/Text/Caption" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import styles from "./roomCard.module.css" import { RoomCardProps } from "@/types/components/hotelReservation/selectRate/roomCard" export default function RoomCard({ room, nrOfAdults, nrOfNights, breakfastIncluded, }: RoomCardProps) { const intl = useIntl() return (
{room.name} {room.size} {/*TODO: Handle pluralisation*/} {intl.formatMessage( { id: "Nr night, nr adult", defaultMessage: "{nights, number} night, {adults, number} adult", }, { nights: nrOfNights, adults: nrOfAdults } )} {" | "} {breakfastIncluded ? intl.formatMessage({ id: "Breakfast included", }) : intl.formatMessage({ id: "Breakfast excluded", })}
{/* TODO: maybe use the `Image` component instead of the `img` tag. Waiting until we know how to get the image */} {/* eslint-disable-next-line @next/next/no-img-element */} {intl.formatMessage({
) }