From 0362e5eff3c4ec6839df978350d71195769c85a5 Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@scandichotels.com>
Date: Wed, 21 Aug 2024 11:08:27 +0200
Subject: [PATCH] feat(SW-243): set button asChild

---
 .../BookingConfirmation/IntroSection/index.tsx        | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx b/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
index 40ecd27bd..ff7f0d001 100644
--- a/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
+++ b/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
@@ -1,4 +1,5 @@
 import Button from "@/components/TempDesignSystem/Button"
+import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { getIntl } from "@/i18n"
@@ -28,20 +29,26 @@ export default async function IntroSection({ email }: IntroSectionProps) {
       </Body>
       <div className={styles.buttons}>
         <Button
+          asChild
           size="small"
           theme="base"
           intent="secondary"
           className={styles.button}
         >
-          {intl.formatMessage({ id: "Download the Scandic app" })}
+          <Link href="#" color="none">
+            {intl.formatMessage({ id: "Download the Scandic app" })}
+          </Link>
         </Button>
         <Button
+          asChild
           size="small"
           theme="base"
           intent="secondary"
           className={styles.button}
         >
-          {intl.formatMessage({ id: "View your booking" })}
+          <Link href="#" color="none">
+            {intl.formatMessage({ id: "View your booking" })}
+          </Link>
         </Button>
       </div>
     </section>