"use client" import { useIntl } from "react-intl" import { useBookingConfirmationStore } from "@/stores/booking-confirmation" import SkeletonShimmer from "@/components/SkeletonShimmer" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import styles from "./paymentDetails.module.css" export default function PaymentDetails() { const intl = useIntl() const { rooms, formattedTotalCost } = useBookingConfirmationStore( (state) => ({ rooms: state.rooms, formattedTotalCost: state.formattedTotalCost, }) ) const hasAllRoomsLoaded = rooms.every((room) => room) return (
{intl.formatMessage({ id: "Payment details" })}
{hasAllRoomsLoaded ? ( {intl.formatMessage( { id: "Total cost: {amount}" }, { amount: formattedTotalCost, } )} ) : ( )}
) }