feat(SW-2708): Meeting package widget mobile UI

Approved-by: Matilda Landström

apps/scandic-web/components/MeetingPackageWidget/Content/Content.tsx

@@ -0,0 +1,25 @@
+import { cx } from "class-variance-authority"
+
+import MeetingPackageWidgetSkeleton from "../Skeleton"
+import { useMeetingPackageWidget } from "../useMeetingPackageWidget"
+
+import styles from "./content.module.css"
+
+import type { MeetingPackageWidgetProps } from ".."
+
+export default function MeetingPackageWidgetContent({
+  destination,
+  className,
+}: MeetingPackageWidgetProps) {
+  const { isLoading } = useMeetingPackageWidget(destination)
+
+  return (
+    <div className={className}>
+      {isLoading && <MeetingPackageWidgetSkeleton />}
+      <div
+        id="mp-booking-engine-iframe-container"
+        className={cx(styles.widget, { [styles.isLoading]: isLoading })}
+      />
+    </div>
+  )
+}

apps/scandic-web/components/MeetingPackageWidget/Content/content.module.css

@@ -0,0 +1,8 @@
+.widget {
+  width: min(var(--max-width-page), 100%);
+  margin: 0 auto;
+}
+
+.widget.isLoading {
+  display: none;
+}