feat(SW-243): add breakpoints

2024-08-19 16:49:28 +02:00
parent bdafef492f
commit a689f12965
7 changed files with 84 additions and 55 deletions
--- a/components/HotelReservation/BookingConfirmation/ConfirmationHead/index.tsx
+++ b/components/HotelReservation/BookingConfirmation/ConfirmationHead/index.tsx
@@ -0,0 +1,44 @@
+import React from "react"
+
+import Button from "@/components/TempDesignSystem/Button"
+import Body from "@/components/TempDesignSystem/Text/Body"
+import Title from "@/components/TempDesignSystem/Text/Title"
+
+import styles from "./confirmationHead.module.css"
+
+export default function ConfirmationHead() {
+  return (
+    <section className={styles.section}>
+      <div>
+        <Title textAlign="center" as="h2">
+          Thank you
+        </Title>
+        <Title textAlign="center" as="h3">
+          We look forward to your visit!
+        </Title>
+      </div>
+      <Body color="burgundy" textAlign="center">
+        We have sent a detailed confirmation of your booking to your email:
+        lisa.andersson@gmail.com.
+      </Body>
+      <div className={styles.buttons}>
+        <Button
+          size="small"
+          theme="base"
+          intent="secondary"
+          className={styles.button}
+        >
+          Download the Scandic app
+        </Button>
+        <Button
+          size="small"
+          theme="base"
+          intent="secondary"
+          className={styles.button}
+        >
+          View your booking
+        </Button>
+      </div>
+    </section>
+  )
+}