45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
"use client"
|
|
import { useIntl } from "react-intl"
|
|
|
|
import Caption from "@/components/TempDesignSystem/Text/Caption"
|
|
import Title from "@/components/TempDesignSystem/Text/Title"
|
|
|
|
import styles from "./selectionCard.module.css"
|
|
|
|
import { SelectionCardProps } from "@/types/components/hotelReservation/selectRate/selectionCard"
|
|
|
|
export default function SelectionCard({
|
|
price,
|
|
membersPrice,
|
|
currency,
|
|
title,
|
|
subtext,
|
|
}: SelectionCardProps) {
|
|
const intl = useIntl()
|
|
|
|
return (
|
|
<div className={styles.card}>
|
|
<div>
|
|
<Title className={styles.name} as="h4" level="h3">
|
|
{title}
|
|
</Title>
|
|
<div className={styles.nameInfo}>i</div>
|
|
</div>
|
|
<Caption color="burgundy">{subtext}</Caption>
|
|
|
|
<div>
|
|
<Caption color="burgundy" className={styles.price}>
|
|
{/* TODO: Handle currency and this whole line of text in a better way through intl */}
|
|
{price} {currency}/{intl.formatMessage({ id: "night" })}
|
|
</Caption>
|
|
|
|
<Caption color="burgundy" className={styles.membersPrice}>
|
|
{/* TODO: Handle currency and this whole line of text in a better way through intl */}
|
|
{intl.formatMessage({ id: "Members" })} {membersPrice} {currency}/
|
|
{intl.formatMessage({ id: "night" })}
|
|
</Caption>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|