feat(SW-243): implement mobile design

2024-08-19 14:37:17 +02:00
parent 8dae837ef2
commit bdafef492f
9 changed files with 257 additions and 0 deletions
--- a/components/HotelReservation/BookingConfirmation/ConfirmationTimes/index.tsx
+++ b/components/HotelReservation/BookingConfirmation/ConfirmationTimes/index.tsx
@@ -0,0 +1,29 @@
+import React from "react"
+
+import Body from "@/components/TempDesignSystem/Text/Body"
+import { getIntl } from "@/i18n"
+
+import styles from "./confirmationTimes.module.css"
+
+export default async function ConfirmationTimes() {
+  const intl = await getIntl()
+  return (
+    <section className={styles.section}>
+      <div className={styles.breakfast}>
+        <Body color="burgundy">{intl.formatMessage({ id: "Breakfast" })}</Body>
+        <span>Mon-Fri 06:30-10:00</span>
+        <span>Mon-Fri 06:30-10:00</span>
+      </div>
+      <div className={styles.checkIn}>
+        <Body color="burgundy">{intl.formatMessage({ id: "Check in" })}</Body>
+        <span>From</span>
+        <span>15:00</span>
+      </div>
+      <div className={styles.checkOut}>
+        <Body color="burgundy">{intl.formatMessage({ id: "Check out" })}</Body>
+        <span>At latest</span>
+        <span>12:00</span>
+      </div>
+    </section>
+  )
+}