feat(SW-237): Renamed Bookingwidgetcontainer to BookingWidget

components/BookingWidget/bookingWidget.module.css

@@ -0,0 +1,10 @@
+.container {
+  border-top: 1px solid var(--Base-Border-Subtle);
+  border-bottom: 1px solid var(--Base-Border-Subtle);
+}
+
+@media screen and (max-width: 1367px) {
+  .container {
+    display: none;
+  }
+}

components/BookingWidget/index.tsx

@@ -0,0 +1,24 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import Form from "@/components/Forms/BookingWidget"
+import { getLang } from "@/i18n/serverContext"
+
+import styles from "./bookingWidget.module.css"
+
+export default async function BookingWidget() {
+  // Get the booking widget show/hide status based on page specific settings
+  const bookingWidgetToggle =
+    await serverClient().contentstack.base.page_settings({
+      lang: getLang(),
+    })
+
+  return (
+    <>
+      {bookingWidgetToggle && bookingWidgetToggle.hideBookingWidget ? null : (
+        <section className={styles.container}>
+          <Form />
+        </section>
+      )}
+    </>
+  )
+}