import { useIntl } from "react-intl" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import styles from "./rateSummary.module.css" import { RateSummaryProps } from "@/types/components/hotelReservation/selectRate/rateSummary" export default function RateSummary({ rateSummary, user }: RateSummaryProps) { const intl = useIntl() return (
{rateSummary.roomType} {rateSummary.priceName}
{user ? ( <> {rateSummary.member?.localPrice.pricePerStay}{" "} {rateSummary.member?.localPrice.currency} {intl.formatMessage({ id: "Approx." })}{" "} {rateSummary.member?.requestedPrice?.pricePerStay}{" "} {rateSummary.member?.requestedPrice?.currency} ) : ( <> {rateSummary.public?.localPrice.pricePerStay}{" "} {rateSummary.public?.localPrice.currency} {intl.formatMessage({ id: "Approx." })}{" "} {rateSummary.public?.requestedPrice?.pricePerStay}{" "} {rateSummary.public?.requestedPrice?.currency} )}
) }