From 7b33d1c7beae36c90e9a978654c32bde574651e3 Mon Sep 17 00:00:00 2001
From: Viral Vaghela <viralvaghela8577@gmail.com>
Date: Sun, 20 Apr 2025 23:17:02 +0530
Subject: [PATCH] Add TravelBookingLoader component and update exports

---
 .../TravelBookingLoader.jsx                   | 64 +++++++++++++++++++
 src/Gallery/insertYourLoaderHere/index.jsx    |  1 +
 2 files changed, 65 insertions(+)
 create mode 100644 src/Gallery/insertYourLoaderHere/TravelBookingLoader.jsx

diff --git a/src/Gallery/insertYourLoaderHere/TravelBookingLoader.jsx b/src/Gallery/insertYourLoaderHere/TravelBookingLoader.jsx
new file mode 100644
index 0000000..20da79a
--- /dev/null
+++ b/src/Gallery/insertYourLoaderHere/TravelBookingLoader.jsx
@@ -0,0 +1,64 @@
+import React from 'react'
+import ContentLoader from 'react-content-loader'
+
+const TravelBookingLoader = props => {
+  return (
+    <ContentLoader
+      viewBox="0 0 800 400"
+      height={400}
+      width={800}
+      backgroundColor="#f3f3f3"
+      foregroundColor="#ecebeb"
+      {...props}
+    >
+      <rect x="0" y="0" rx="5" ry="5" width="800" height="50" />
+      <rect x="20" y="70" rx="3" ry="3" width="100" height="20" />
+      <rect x="130" y="70" rx="3" ry="3" width="100" height="20" />
+      <rect x="240" y="70" rx="3" ry="3" width="100" height="20" />
+      <rect x="350" y="70" rx="3" ry="3" width="100" height="20" />
+      <rect x="20" y="110" rx="5" ry="5" width="760" height="80" />
+      <circle cx="50" cy="125" r="15" />
+      <rect x="80" y="120" rx="3" ry="3" width="120" height="10" />
+      <rect x="220" y="120" rx="3" ry="3" width="50" height="15" />
+      <rect x="280" y="120" rx="3" ry="3" width="150" height="10" />
+      <rect x="450" y="120" rx="3" ry="3" width="50" height="15" />
+      <rect x="510" y="120" rx="3" ry="3" width="150" height="10" />
+      <rect x="680" y="120" rx="3" ry="3" width="80" height="20" />
+      <rect x="220" y="150" rx="3" ry="3" width="280" height="10" />
+      <rect x="520" y="150" rx="3" ry="3" width="80" height="10" />
+      <rect x="680" y="150" rx="3" ry="3" width="80" height="20" />
+      <rect x="20" y="210" rx="5" ry="5" width="760" height="80" />
+      <circle cx="50" cy="225" r="15" />
+      <rect x="80" y="220" rx="3" ry="3" width="120" height="10" />
+      <rect x="220" y="220" rx="3" ry="3" width="50" height="15" />
+      <rect x="280" y="220" rx="3" ry="3" width="150" height="10" />
+      <rect x="450" y="220" rx="3" ry="3" width="50" height="15" />
+      <rect x="510" y="220" rx="3" ry="3" width="150" height="10" />
+      <rect x="680" y="220" rx="3" ry="3" width="80" height="20" />
+      <rect x="220" y="250" rx="3" ry="3" width="280" height="10" />
+      <rect x="520" y="250" rx="3" ry="3" width="80" height="10" />
+      <rect x="680" y="250" rx="3" ry="3" width="80" height="20" />
+      <rect x="20" y="310" rx="5" ry="5" width="760" height="80" />
+      <circle cx="50" cy="325" r="15" />
+      <rect x="80" y="320" rx="3" ry="3" width="120" height="10" />
+      <rect x="220" y="320" rx="3" ry="3" width="50" height="15" />
+      <rect x="280" y="320" rx="3" ry="3" width="150" height="10" />
+      <rect x="450" y="320" rx="3" ry="3" width="50" height="15" />
+      <rect x="510" y="320" rx="3" ry="3" width="150" height="10" />
+      <rect x="680" y="320" rx="3" ry="3" width="80" height="20" />
+      <rect x="220" y="350" rx="3" ry="3" width="280" height="10" />
+      <rect x="520" y="350" rx="3" ry="3" width="80" height="10" />
+      <rect x="680" y="350" rx="3" ry="3" width="80" height="20" />
+    </ContentLoader>
+  )
+}
+
+TravelBookingLoader.metadata = {
+  name: 'Viral Vaghela',
+  github: 'codebyviral',
+  description:
+    'A loader for travel booking websites showing flight search results',
+  filename: 'TravelBookingLoader',
+}
+
+export default TravelBookingLoader
diff --git a/src/Gallery/insertYourLoaderHere/index.jsx b/src/Gallery/insertYourLoaderHere/index.jsx
index 56feeec..cc76c30 100644
--- a/src/Gallery/insertYourLoaderHere/index.jsx
+++ b/src/Gallery/insertYourLoaderHere/index.jsx
@@ -85,3 +85,4 @@ export { default as ChatGPT } from './ChatGPT'
 export { default as CalendarEventLoader } from './CalendarEventLoader'
 export { default as InstaChatlist } from './InstaChatlist'
 export { default as LinkedinFeed } from './LinkedinFeed'
+export { default as TravelBookingLoader } from './TravelBookingLoader'