34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import Title from "@/components/TempDesignSystem/Text/Title"
|
|
import { getIntl } from "@/i18n"
|
|
|
|
import styles from "./summarySection.module.css"
|
|
|
|
import { SummarySectionProps } from "@/types/components/hotelReservation/bookingConfirmation/bookingConfirmation"
|
|
|
|
export default async function SummarySection({ summary }: SummarySectionProps) {
|
|
const intl = await getIntl()
|
|
return (
|
|
<section className={styles.section}>
|
|
<Title as="h4" textAlign="center">
|
|
{intl.formatMessage({ id: "Summary" })}
|
|
</Title>
|
|
<div className={styles.summary}>
|
|
<span>{`Type of room: ${summary.roomType}`}</span>
|
|
<span>1648 SEK</span>
|
|
</div>
|
|
<div className={styles.summary}>
|
|
<span>{`Type of bed: ${summary.bedType}`}</span>
|
|
<span>0 SEK</span>
|
|
</div>
|
|
<div className={styles.summary}>
|
|
<span>{`Breakfast: ${summary.breakfast}`}</span>
|
|
<span>198 SEK</span>
|
|
</div>
|
|
<div className={styles.summary}>
|
|
<span>{`Flexibility: ${summary.flexibility}`}</span>
|
|
<span>200 SEK</span>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|