"use client"

import { useIntl } from "react-intl"

import { AlertTypeEnum } from "@scandic-hotels/common/constants/alert"
import { Alert } from "@scandic-hotels/design-system/Alert"

import styles from "./FnFNotAllowedAlert.module.css"

export default function FnFNotAllowedAlert() {
  const intl = useIntl()

  return (
    <div className={styles.fnfMain}>
      <Alert
        type={AlertTypeEnum.Warning}
        text={intl.formatMessage({
          id: "fnf.alert.text",
          defaultMessage:
            "The Friends & Family rate can only be booked via FUSE.",
        })}
      />
    </div>
  )
}