45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
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>
|
|
)
|
|
}
|