many new

src/ui/TextField/TextField.sass

@@ -0,0 +1,11 @@
+.TextField
+  color: var(--main-color)
+  background-color: var(--block-color)
+  font-size: 1rem
+  padding: .25rem
+  border: none
+  border-radius: .2rem
+  box-sizing: border-box
+
+  &:disabled
+    color: var(--sec-color)

src/ui/TextField/TextField.tsx

@@ -0,0 +1,13 @@
+import React, {TextareaHTMLAttributes} from "react";
+import classNames from "../../classNames";
+import './TextField.sass';
+
+const TextField = React.forwardRef(
+    (restProps: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, ref: React.Ref<HTMLTextAreaElement>) => {
+    const { className, ...props } = restProps;
+    return (
+        <textarea className={classNames('TextField', className)} ref={ref} {...props} />
+    )
+})
+
+export default TextField;