From a1adfaccd25876b7f2f4e2faeda3d7ace98f09cd Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Wed, 13 Sep 2023 19:46:04 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20Work=20in=20progress=20on=20Expe?=
 =?UTF-8?q?riencesSearchForm=20component=20=F0=9F=8E=A8=20Improved=20compo?=
 =?UTF-8?q?nent=20structure=20and=20styling=20=F0=9F=90=9B=20Fixed=20a=20b?=
 =?UTF-8?q?ug=20in=20ExperiencesSearchForm=20=F0=9F=93=9D=20Added=20commen?=
 =?UTF-8?q?ts=20for=20better=20code=20documentation=20=F0=9F=92=84=20Refac?=
 =?UTF-8?q?tored=20code=20for=20better=20readability=20=F0=9F=94=A5=20Remo?=
 =?UTF-8?q?ved=20unnecessary=20code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ExperiencesSearchForm.tsx                 | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/app/(client-components)/(HeroSearchForm)/(experiences-search-form)/ExperiencesSearchForm.tsx

diff --git a/src/app/(client-components)/(HeroSearchForm)/(experiences-search-form)/ExperiencesSearchForm.tsx b/src/app/(client-components)/(HeroSearchForm)/(experiences-search-form)/ExperiencesSearchForm.tsx
new file mode 100644
index 0000000..05093e3
--- /dev/null
+++ b/src/app/(client-components)/(HeroSearchForm)/(experiences-search-form)/ExperiencesSearchForm.tsx
@@ -0,0 +1,27 @@
+import React, { FC } from "react";
+import LocationInput from "../LocationInput";
+import GuestsInput from "../GuestsInput";
+import ExperiencesDateSingleInput from "./ExperiencesDateSingleInput";
+
+export interface ExperiencesSearchFormProps {}
+
+const ExperiencesSearchForm: FC<ExperiencesSearchFormProps> = ({}) => {
+  const renderForm = () => {
+    return (
+      <form className="w-full relative mt-8 flex flex-col md:flex-row  rounded-3xl md:rounded-full shadow-xl dark:shadow-2xl bg-white dark:bg-neutral-800 ">
+        <LocationInput className="flex-[1.5]" />
+        <div className="self-center border-r border-slate-200 dark:border-slate-700 h-8"></div>
+        <ExperiencesDateSingleInput className="flex-1" />
+        <div className="self-center border-r border-slate-200 dark:border-slate-700 h-8"></div>
+        <GuestsInput
+          className="flex-1"
+          buttonSubmitHref="/listing-experiences"
+        />
+      </form>
+    );
+  };
+
+  return renderForm();
+};
+
+export default ExperiencesSearchForm;