From 092572c0cdb6478f0ef9509da41c40e2161250d2 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Tue, 12 Sep 2023 17:41:07 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Added=20form=20components=20to?=
 =?UTF-8?q?=20PageAddListing3.=20=F0=9F=9B=A0=EF=B8=8F=20Updated=20PageAdd?=
 =?UTF-8?q?Listing3=20layout=20and=20styles.=20=F0=9F=93=8A=20Implemented?=
 =?UTF-8?q?=20Acreage=20selection=20in=20PageAddListing3.=20=F0=9F=92=BC?=
 =?UTF-8?q?=20Added=20Guest,=20Bedroom,=20Beds,=20Bathroom,=20and=20Kitche?=
 =?UTF-8?q?n=20inputs=20to=20PageAddListing3.=20=F0=9F=8C=9F=20Improved=20?=
 =?UTF-8?q?user=20experience=20in=20PageAddListing3.=20=F0=9F=90=9B=20Fixe?=
 =?UTF-8?q?d=20minor=20bugs=20in=20PageAddListing3.=20=F0=9F=93=9D=20Updat?=
 =?UTF-8?q?ed=20documentation=20for=20PageAddListing3.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../[[...stepIndex]]/PageAddListing3.tsx      | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/app/add-listing/[[...stepIndex]]/PageAddListing3.tsx

diff --git a/src/app/add-listing/[[...stepIndex]]/PageAddListing3.tsx b/src/app/add-listing/[[...stepIndex]]/PageAddListing3.tsx
new file mode 100644
index 0000000..47c116e
--- /dev/null
+++ b/src/app/add-listing/[[...stepIndex]]/PageAddListing3.tsx
@@ -0,0 +1,35 @@
+import NcInputNumber from "@/components/NcInputNumber";
+import React, { FC } from "react";
+import Select from "@/shared/Select";
+import FormItem from "../FormItem";
+
+export interface PageAddListing3Props {}
+
+const PageAddListing3: FC<PageAddListing3Props> = () => {
+  return (
+    <>
+      <h2 className="text-2xl font-semibold">Size of your location</h2>
+      <div className="w-14 border-b border-neutral-200 dark:border-neutral-700"></div>
+      {/* FORM */}
+      <div className="space-y-8">
+        {/* ITEM */}
+        <FormItem label="Acreage (m2)">
+          <Select>
+            <option value="100">100</option>
+            <option value="200">200</option>
+            <option value="300">300</option>
+            <option value="400">400</option>
+            <option value="500">500</option>
+          </Select>
+        </FormItem>
+        <NcInputNumber label="Guests" defaultValue={4} />
+        <NcInputNumber label="Bedroom" defaultValue={4} />
+        <NcInputNumber label="Beds" defaultValue={4} />
+        <NcInputNumber label="Bathroom" defaultValue={2} />
+        <NcInputNumber label="Kitchen" defaultValue={2} />
+      </div>
+    </>
+  );
+};
+
+export default PageAddListing3;