Skeleton loader for booking widget on desktop

components/Forms/BookingWidget/FormContent/Search/index.tsx

@@ -11,6 +11,7 @@ import {
 import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 
+import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
 import Input from "../Input"
@@ -203,3 +204,18 @@ export default function Search({ locations }: SearchProps) {
     </Downshift>
   )
 }
+
+export function SearchSkeleton() {
+  return (
+    <div className={styles.container}>
+      <div className={styles.label}>
+        <Caption type="bold" color="red" asChild>
+          <span>Where to</span>
+        </Caption>
+      </div>
+      <div className={styles.input}>
+        <SkeletonShimmer />
+      </div>
+    </div>
+  )
+}