"use client" import { useIntl } from "react-intl" import Divider from "@/components/TempDesignSystem/Divider" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import Title from "@/components/TempDesignSystem/Text/Title" import HotelDetailSidePeek from "./HotelDetailSidePeek" import styles from "./hotelSelectionHeader.module.css" import { HotelSelectionHeaderProps } from "@/types/components/hotelReservation/selectRate/hotelSelectionHeader" export default function HotelSelectionHeader({ hotel, }: HotelSelectionHeaderProps) { const intl = useIntl() return (
{hotel.name}
{hotel.address.streetAddress}, {hotel.address.city}
{intl.formatMessage( { id: "Distance to city centre" }, { number: hotel.location.distanceToCentre } )}
{hotel.hotelContent.texts.descriptions.short}
) }