import { useIntl } from "react-intl"

import Body from "@/components/TempDesignSystem/Text/Body"

import PriceContainer from "../Pricecontainer"

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

import type { FinalConfirmationProps } from "@/types/components/hotelReservation/myStay/cancelStay"

export function FinalConfirmation({
  booking,
  stayDetails,
}: FinalConfirmationProps) {
  const intl = useIntl()

  return (
    <>
      <div className={styles.modalText}>
        <Body color="uiTextHighContrast">
          {intl.formatMessage({
            id: "Are you sure you want to continue with the cancellation?",
          })}
        </Body>
      </div>
      <PriceContainer booking={booking} stayDetails={stayDetails} />
    </>
  )
}
