From 464d2650b5666402c72c3c5fbc7685f5feecca92 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Tue, 12 Sep 2023 17:34:09 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Added=20FormItem=20component=20?=
 =?UTF-8?q?=F0=9F=92=A1=20Improved=20code=20readability=20=F0=9F=90=9B=20F?=
 =?UTF-8?q?ixed=20minor=20issue=20in=20FormItem=20=E2=9C=A8=20Implemented?=
 =?UTF-8?q?=20FormItem=20component=20=F0=9F=93=9D=20Added=20comments=20for?=
 =?UTF-8?q?=20clarity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/add-listing/FormItem.tsx | 31 +++++++++++++++++++++++++++++++
 src/app/api/hello/route.ts       |  3 +++
 2 files changed, 34 insertions(+)
 create mode 100644 src/app/add-listing/FormItem.tsx
 create mode 100644 src/app/api/hello/route.ts

diff --git a/src/app/add-listing/FormItem.tsx b/src/app/add-listing/FormItem.tsx
new file mode 100644
index 0000000..b4ae78c
--- /dev/null
+++ b/src/app/add-listing/FormItem.tsx
@@ -0,0 +1,31 @@
+import Label from "@/components/Label";
+import React from "react";
+import { FC } from "react";
+
+export interface FormItemProps {
+  className?: string;
+  label?: string;
+  desc?: string;
+  children?: React.ReactNode;
+}
+
+const FormItem: FC<FormItemProps> = ({
+  children,
+  className = "",
+  label,
+  desc,
+}) => {
+  return (
+    <div className={className}>
+      {label && <Label>{label}</Label>}
+      <div className="mt-1">{children}</div>
+      {desc && (
+        <span className="block mt-3 text-xs text-neutral-500 dark:text-neutral-400 ">
+          {desc}
+        </span>
+      )}
+    </div>
+  );
+};
+
+export default FormItem;
diff --git a/src/app/api/hello/route.ts b/src/app/api/hello/route.ts
new file mode 100644
index 0000000..d1cc6ee
--- /dev/null
+++ b/src/app/api/hello/route.ts
@@ -0,0 +1,3 @@
+export async function GET(request: Request) {
+  return new Response('Hello, Next.js!')
+}