"use client" import { useIntl } from "react-intl" import Link from "@/components/TempDesignSystem/Link" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import { Toast } from "@/components/TempDesignSystem/Toasts" import styles from "./hotelDetails.module.css" import type { BookingConfirmationHotelDetailsProps } from "@/types/components/hotelReservation/bookingConfirmation/hotelDetails" export default function HotelDetails({ hotel, }: BookingConfirmationHotelDetailsProps) { const intl = useIntl() return (
{intl.formatMessage({ id: "Hotel details" })}
{hotel.name} {intl.formatMessage( { id: "{streetAddress}, {zipCode} {city}" }, { streetAddress: hotel.address.streetAddress, zipCode: hotel.address.zipCode, city: hotel.address.city, } )} {hotel.contactInformation.phoneNumber}
{intl.formatMessage( { id: "Long {long} ∙ Lat {lat}" }, { lat: hotel.location.latitude, long: hotel.location.longitude, } )}
{hotel.contactInformation.email} {hotel.contactInformation.websiteUrl}
  • {intl.formatMessage({ id: "N/A" })}
) }