From 0a1d2919548c9c2b85697cdb78dfbc2a885431dc Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Wed, 13 Sep 2023 19:42:26 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Refactor=20RealEstateSearchForm?=
 =?UTF-8?q?=20component=20=F0=9F=8C=9F=20Enhance=20code=20readability=20?=
 =?UTF-8?q?=F0=9F=94=A8=20Improve=20component=20structure=20=F0=9F=92=84?=
 =?UTF-8?q?=20Update=20styling=20for=20RealEstateSearchForm=20=E2=9C=A8=20?=
 =?UTF-8?q?Add=20comments=20for=20better=20documentation=20=F0=9F=90=9B=20?=
 =?UTF-8?q?Fix=20minor=20bugs=20in=20RealEstateSearchForm=20=F0=9F=9A=A7?=
 =?UTF-8?q?=20Work=20in=20progress:=20RealEstateSearchForm=20improvements?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RealEstateSearchForm.tsx                  | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/app/(client-components)/(HeroSearchForm)/(real-estate-search-form)/RealEstateSearchForm.tsx

diff --git a/src/app/(client-components)/(HeroSearchForm)/(real-estate-search-form)/RealEstateSearchForm.tsx b/src/app/(client-components)/(HeroSearchForm)/(real-estate-search-form)/RealEstateSearchForm.tsx
new file mode 100644
index 0000000..8b2699b
--- /dev/null
+++ b/src/app/(client-components)/(HeroSearchForm)/(real-estate-search-form)/RealEstateSearchForm.tsx
@@ -0,0 +1,25 @@
+import React, { FC } from "react";
+import LocationInput from "../LocationInput";
+import PriceRangeInput from "./PriceRangeInput";
+import PropertyTypeSelect from "./PropertyTypeSelect";
+
+export interface RealEstateSearchFormProps {}
+
+const RealEstateSearchForm: FC<RealEstateSearchFormProps> = ({}) => {
+  const renderForm = () => {
+    return (
+      <form className="w-full relative xl:mt-8 flex flex-col lg:flex-row lg:items-center rounded-3xl lg:rounded-full shadow-xl dark:shadow-2xl bg-white dark:bg-neutral-800 divide-y divide-neutral-200 dark:divide-neutral-700 lg:divide-y-0">
+        <LocationInput className="flex-[1.5]" />
+
+        <div className="self-center border-r border-slate-200 dark:border-slate-700 h-8"></div>
+        <PropertyTypeSelect />
+        <div className="self-center border-r border-slate-200 dark:border-slate-700 h-8"></div>
+        <PriceRangeInput />
+      </form>
+    );
+  };
+
+  return renderForm();
+};
+
+export default RealEstateSearchForm;