refactor: replace label elements with Label component

1 files changed, 3 insertions, 10 deletions

diff --git a/src/components/Form/TextArea/TextArea.tsx b/src/components/Form/TextArea/TextArea.tsx
index e1e7e0f..b8894ab 100644
--- a/src/components/Form/TextArea/TextArea.tsx
+++ b/src/components/Form/TextArea/TextArea.tsx
@@ -1,4 +1,4 @@
-import { ChangeEvent, SetStateAction } from 'react';
+import { ChangeEvent, ReactElement, SetStateAction } from 'react';
 import styles from '../Form.module.scss';
 
 const TextArea = ({
@@ -6,15 +6,13 @@ const TextArea = ({
   name,
   value,
   setValue,
-  required = false,
   label,
 }: {
   id: string;
   name: string;
   value: string;
   setValue: (value: SetStateAction<string>) => void;
-  required?: boolean;
-  label?: string;
+  label?: ReactElement;
 }) => {
   const updateValue = (e: ChangeEvent<HTMLTextAreaElement>) => {
     setValue(e.target.value);
@@ -22,12 +20,7 @@ const TextArea = ({
 
   return (
     <>
-      {label && (
-        <label htmlFor={id} className={styles.label}>
-          {label}
-          {required && <span className={styles.required}> *</span>}
-        </label>
-      )}
+      {label}
       <textarea
         id={id}
         name={name}