From dcc1e18f04b1d65ea291882087adb17746e975e6 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sun, 10 Sep 2023 17:51:07 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=9F=20Refactor=20and=20improve=20Label?=
 =?UTF-8?q?=20component=20=F0=9F=91=B7=E2=80=8D=E2=99=82=EF=B8=8F=20Tweake?=
 =?UTF-8?q?d=20styling=20for=20better=20readability=20=F0=9F=93=9D=20Added?=
 =?UTF-8?q?=20comments=20for=20clarity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Label.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/Label.tsx

diff --git a/src/components/Label.tsx b/src/components/Label.tsx
new file mode 100644
index 0000000..ba5772e
--- /dev/null
+++ b/src/components/Label.tsx
@@ -0,0 +1,18 @@
+import React, { FC } from "react";
+
+export interface LabelProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const Label: FC<LabelProps> = ({ className = "", children }) => {
+  return (
+    <label
+      className={`nc-Label text-sm font-medium text-neutral-700 dark:text-neutral-300 ${className}`}
+    >
+      {children}
+    </label>
+  );
+};
+
+export default Label;