"use client" import { useIntl } from "react-intl" import Body from "@scandic-hotels/design-system/Body" import Title from "@scandic-hotels/design-system/Title" import { AddToCalendar } from "../../AddToCalendar" import { AddToCalendarButton } from "./Actions/AddToCalendarButton" // import DownloadInvoice from "./Actions/DownloadInvoice" import { generateDateTime } from "./Actions/helpers" import ManageBooking from "./Actions/ManageBooking" import styles from "./header.module.css" import type { BookingConfirmation } from "@scandic-hotels/trpc/types/bookingConfirmation" import type { EventAttributes } from "ics" import type { MutableRefObject } from "react" interface BookingConfirmationHeaderProps extends Pick { mainRef: MutableRefObject } export function Header({ booking, hotel, // mainRef, }: BookingConfirmationHeaderProps) { const intl = useIntl() const text = intl.formatMessage({ defaultMessage: "Thank you for your booking! We look forward to welcoming you and hope you have a pleasant stay.", }) const event: EventAttributes = { busyStatus: "FREE", categories: ["booking", "hotel", "stay"], created: generateDateTime(booking.createDateTime), description: hotel.hotelContent.texts.descriptions?.medium, end: generateDateTime(booking.checkOutDate), endInputType: "utc", geo: { lat: hotel.location.latitude, lon: hotel.location.longitude, }, location: `${hotel.address.streetAddress}, ${hotel.address.zipCode} ${hotel.address.city} ${hotel.address.country}`, start: generateDateTime(booking.checkInDate), startInputType: "utc", status: "CONFIRMED", title: hotel.name, url: hotel.contactInformation.websiteUrl, } return (
{intl.formatMessage({ defaultMessage: "Booking confirmation", })} {hotel.name}
{text}
} /> {/* Download Invoice will be added later (currently available on My Stay) */} {/* */}
) }