import Button from "@/components/TempDesignSystem/Button" import Caption from "@/components/TempDesignSystem/Text/Caption" import Title from "@/components/TempDesignSystem/Text/Title" import { getIntl } from "@/i18n" import styles from "./roomCard.module.css" import { RoomCardProps } from "@/types/components/hotelReservation/selectRate/roomCard" export default async function RoomCard({ room }: RoomCardProps) { const { formatMessage } = await getIntl() return (
{room.name}
i
{room.size} {room.description} {/* TODO: Handle currency and this whole line of text in a better way through intl */} {formatMessage({ id: "From" })}{" "} {room.pricePerNight}{" "} {room.currency}/{formatMessage({ id: "night" })}
{/* 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 */} {formatMessage({
) }