import { useIntl } from "react-intl" import Image from "@/components/Image" import Divider from "@/components/TempDesignSystem/Divider" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import { formatPrice } from "@/utils/numberFormatting" import styles from "./ancillaryCard.module.css" import type { AncillaryCardProps } from "@/types/components/ancillaryCard" export function AncillaryCard({ ancillary }: AncillaryCardProps) { const intl = useIntl() return (
{ancillary.title}
{ancillary.title}
{ancillary.price.included ? intl.formatMessage({ id: "Included" }) : `${formatPrice( intl, ancillary.price.total, ancillary.price.currency )} ${ancillary.price.text ?? ""}`} {ancillary.points && ( <>
{ancillary.points} {intl.formatMessage({ id: "Points" })} )}
{ancillary.description && (
)}
) }