"use client" import { useIntl } from "react-intl" import { useEnterDetailsStore } from "@/stores/enter-details" import { MagicWandIcon } from "@/components/Icons" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import Title from "@/components/TempDesignSystem/Text/Title" import { formatPrice } from "@/utils/numberFormatting" import Modal from "../../Modal" import styles from "./modal.module.css" import type { Dispatch, SetStateAction } from "react" export default function MemberPriceModal({ isOpen, setIsOpen, }: { isOpen: boolean setIsOpen: Dispatch> }) { const memberRate = useEnterDetailsStore((state) => state.roomRate.memberRate) const intl = useIntl() const memberPrice = memberRate?.localPrice ?? memberRate?.requestedPrice return (
{intl.formatMessage({ id: "Member price activated", })} {memberPrice && ( {intl.formatMessage({ id: "The new price is", })} {formatPrice( intl, memberPrice.pricePerStay, memberPrice.currency )} )}
) }