From 7f4fde85898a9092652165acb06ae1ccb8fb8d04 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 17:04:00 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Refactor:=20Update=20Se?=
 =?UTF-8?q?lect=20component=20=F0=9F=91=B7=E2=80=8D=E2=99=82=EF=B8=8F=20Ad?=
 =?UTF-8?q?ded=20SelectProps=20interface=20=F0=9F=A7=B9=20Cleaned=20up=20c?=
 =?UTF-8?q?ode=20formatting=20=F0=9F=8E=A8=20Improved=20component=20stylin?=
 =?UTF-8?q?g=20=F0=9F=9A=80=20Ready=20for=20the=20next=20step!?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/Select.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/shared/Select.tsx

diff --git a/src/shared/Select.tsx b/src/shared/Select.tsx
new file mode 100644
index 0000000..39a6cbe
--- /dev/null
+++ b/src/shared/Select.tsx
@@ -0,0 +1,24 @@
+import React, { FC, SelectHTMLAttributes } from "react";
+
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+  className?: string;
+  sizeClass?: string;
+}
+
+const Select: FC<SelectProps> = ({
+  className = "",
+  sizeClass = "h-11",
+  children,
+  ...args
+}) => {
+  return (
+    <select
+      className={`nc-Select ${sizeClass} ${className} block w-full text-sm rounded-2xl border-neutral-200 focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 bg-white dark:border-neutral-700 dark:focus:ring-primary-6000 dark:focus:ring-opacity-25 dark:bg-neutral-900`}
+      {...args}
+    >
+      {children}
+    </select>
+  );
+};
+
+export default Select;