feat(SW-791): make confirmation page dynamic

components/HotelReservation/BookingConfirmation/Actions/index.tsx

@@ -0,0 +1,38 @@
+import {
+  CalendarIcon,
+  ContractIcon,
+  DownloadIcon,
+  PrinterIcon,
+} from "@/components/Icons"
+import Button from "@/components/TempDesignSystem/Button"
+import Divider from "@/components/TempDesignSystem/Divider"
+import { getIntl } from "@/i18n"
+
+import styles from "./actions.module.css"
+
+export default async function Actions() {
+  const intl = await getIntl()
+  return (
+    <div className={styles.actions}>
+      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
+        <CalendarIcon />
+        {intl.formatMessage({ id: "Add to calendar" })}
+      </Button>
+      <Divider color="subtle" variant="vertical" />
+      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
+        <ContractIcon />
+        {intl.formatMessage({ id: "View terms" })}
+      </Button>
+      <Divider color="subtle" variant="vertical" />
+      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
+        <PrinterIcon />
+        {intl.formatMessage({ id: "Print confirmation" })}
+      </Button>
+      <Divider color="subtle" variant="vertical" />
+      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
+        <DownloadIcon />
+        {intl.formatMessage({ id: "Download invoice" })}
+      </Button>
+    </div>
+  )
+}