"use client" import { useIntl } from "react-intl" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import styles from "./flexibilityOption.module.css" import { FlexibilityOptionProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption" export default function FlexibilityOption({ product, name, paymentTerm, }: FlexibilityOptionProps) { const intl = useIntl() if (!product) { // TODO: Implement empty state when this rate can't be booked return
TBI: Rate not available
} const { productType } = product const { public: publicPrice, member: memberPrice } = productType const { localPrice: publicLocalPrice, requestedPrice: publicRequestedPrice } = publicPrice const { localPrice: memberLocalPrice, requestedPrice: memberRequestedPrice } = memberPrice return ( ) }