import { useIntl } from "react-intl" import ChevronDown from "@/components/Icons/ChevronDown" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import styles from "./guaranteeDetails.module.css" export default function GuaranteeDetails() { const intl = useIntl() return (
{intl.formatMessage({ id: "How it works" })}
{intl.formatMessage({ id: "When guaranteeing your booking, we will hold the booking until 07:00 until the day after check-in. This will provide you as a guest with added flexibility for check-in times.", })} {intl.formatMessage({ id: "What you have to do to guarantee booking:", })}
  1. {intl.formatMessage({ id: "Complete the booking" })}
  2. {intl.formatMessage({ id: "Provide a payment card in the next step", })}
{intl.formatMessage({ id: "Please note that this is mandatory, and that your card will only be charged in the event of a no-show.", })}
) }