From 9280c8b99ace4e5fe7ca308ef4bdbc90c8bc211e Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Wed, 13 Sep 2023 19:38:09 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Added=20StaySearchForm=20compone?=
 =?UTF-8?q?nt=20=F0=9F=93=9D=20Implemented=20basic=20form=20structure=20?=
 =?UTF-8?q?=F0=9F=8E=A8=20Styled=20form=20layout=20=F0=9F=A7=91=E2=80=8D?=
 =?UTF-8?q?=F0=9F=92=BB=20Updated=20component=20with=20TypeScript=20?=
 =?UTF-8?q?=F0=9F=94=A7=20Fixed=20minor=20issues=20in=20StaySearchForm=20c?=
 =?UTF-8?q?omponent=20=F0=9F=94=A5=20Removed=20unused=20imports=20in=20Sta?=
 =?UTF-8?q?ySearchForm=20component=20=F0=9F=92=84=20Improved=20UI=20for=20?=
 =?UTF-8?q?StaySearchForm=20=E2=9C=85=20Tested=20StaySearchForm=20componen?=
 =?UTF-8?q?t=20=F0=9F=93=A6=20Completed=20StaySearchForm=20implementation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(stay-search-form)/StaySearchForm.tsx     | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StaySearchForm.tsx

diff --git a/src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StaySearchForm.tsx b/src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StaySearchForm.tsx
new file mode 100644
index 0000000..a3e7dff
--- /dev/null
+++ b/src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StaySearchForm.tsx
@@ -0,0 +1,22 @@
+import React, { FC } from "react";
+import LocationInput from "../LocationInput";
+import GuestsInput from "../GuestsInput";
+import StayDatesRangeInput from "./StayDatesRangeInput";
+
+const StaySearchForm: FC<{}> = ({}) => {
+  const renderForm = () => {
+    return (
+      <form className="w-full relative mt-8 flex 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>
+        <StayDatesRangeInput className="flex-1" />
+        <div className="self-center border-r border-slate-200 dark:border-slate-700 h-8"></div>
+        <GuestsInput className="flex-1" />
+      </form>
+    );
+  };
+
+  return renderForm();
+};
+
+export default StaySearchForm;