"use client" import { useIntl } from "react-intl" import Body from "@scandic-hotels/design-system/Body" import Link from "@/components/TempDesignSystem/Link" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" 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({ defaultMessage: "Hotel details", })}
{hotel.name} {intl.formatMessage( { defaultMessage: "{streetAddress}, {zipCode} {city}", }, { streetAddress: hotel.address.streetAddress, zipCode: hotel.address.zipCode, city: hotel.address.city, } )} {hotel.contactInformation.phoneNumber}
{hotel.contactInformation.email} {hotel.contactInformation.websiteUrl}
) }