From 16baa822cc897fa8764c14861f7869f46ca50e30 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Mon, 30 May 2022 21:11:40 -0500
Subject: Compress results gif

---
 components/TextArea/index.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 components/TextArea/index.tsx

(limited to 'components/TextArea')

diff --git a/components/TextArea/index.tsx b/components/TextArea/index.tsx
new file mode 100644
index 0000000..c40efed
--- /dev/null
+++ b/components/TextArea/index.tsx
@@ -0,0 +1,22 @@
+import React, { TextareaHTMLAttributes, ForwardRefRenderFunction } from 'react';
+import { getSystemStyle, SystemProps } from '../utils/systemProps';
+import inputElStyle from '../utils/inputElementStyle';
+
+interface TextAreaProps
+  extends TextareaHTMLAttributes<HTMLTextAreaElement>,
+  SystemProps
+{ }
+
+const TextArea: ForwardRefRenderFunction<HTMLTextAreaElement, TextAreaProps> = 
+  ({ style, ...props }, ref) => {
+    style = {
+      ...inputElStyle,
+      ...style,
+    };
+
+    const systemStyle = getSystemStyle(props, style);
+
+    return <textarea ref={ref} style={systemStyle} {...props} />;
+  };
+
+export default React.forwardRef(TextArea);
-- 
cgit v1.2.3