"use client" import { useIntl } from "react-intl" import { customerService } from "@scandic-hotels/common/constants/routes/customerService" import Body from "@scandic-hotels/design-system/Body" import Link from "@scandic-hotels/design-system/Link" import { LoadingSpinner } from "@scandic-hotels/design-system/LoadingSpinner" import Subtitle from "@scandic-hotels/design-system/Subtitle" import useLang from "../../../../../hooks/useLang" import styles from "./timeoutSpinner.module.css" export default function TimeoutSpinner() { const intl = useIntl() const lang = useLang() return (

{intl.formatMessage({ defaultMessage: "Taking longer than usual", })} {intl.formatMessage( { defaultMessage: "We are still confirming your booking. This is usually a matter of minutes and we do apologise for the wait. Please check your inbox for a booking confirmation email and if you still haven't received it by end of day, please contact our customer support.", }, { link: (text) => ( {text} ), } )}

) }