From d8c0424463186ca9a9e4782c4a597c7b418b96df Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 16:55:54 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Refactor=20Textarea=20c?=
 =?UTF-8?q?omponent=20=E2=9C=A8=20Improved=20code=20structure=20and=20styl?=
 =?UTF-8?q?ing=20=F0=9F=93=9D=20Added=20missing=20comments=20=F0=9F=94=A7?=
 =?UTF-8?q?=20Fixed=20eslint-disable-next-line=20=F0=9F=90=9B=20Resolved?=
 =?UTF-8?q?=20minor=20issues?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/shared/Textarea.tsx b/src/shared/Textarea.tsx
new file mode 100644
index 0000000..7473636
--- /dev/null
+++ b/src/shared/Textarea.tsx
@@ -0,0 +1,22 @@
+import React, { TextareaHTMLAttributes } from "react";
+
+export interface TextareaProps
+  extends TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+// eslint-disable-next-line react/display-name
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className = "", children, ...args }, ref) => {
+    return (
+      <textarea
+        ref={ref}
+        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 ${className}`}
+        rows={4}
+        {...args}
+      >
+        {children}
+      </textarea>
+    );
+  }
+);
+
+export default Textarea;