import { useIntl } from "react-intl"
import Button from "@/components/TempDesignSystem/Button"
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"
import useRedeemFlow from "./useRedeemFlow"
import styles from "./redeem.module.css"
export function ConfirmClose({ close }: { close: () => void }) {
const intl = useIntl()
const { setRedeemStep } = useRedeemFlow()
return (
<>
{intl.formatMessage({
defaultMessage: "If you close this your benefit will be removed",
})}
{intl.formatMessage({
defaultMessage: "Have you showed this benefit to the hotel staff?",
})}
{intl.formatMessage({
defaultMessage:
"If not, please go back and do so before you close this. Once you close this your benefit will be void and removed from My Benefits.",
})}