added error prop support for textarea

Fixes #1

src/Components/Textarea/Textarea.tsx

@@ -10,12 +10,14 @@ interface TextareaProps {
   value?: string;
   required?: boolean;
   rows?: number;
+  error?: React.ReactNode;
   onChange?: (value: string) => void;
 }
 
 const Textarea: React.FC<TextareaProps> = ({
   label,
   help,
+  error,
   className,
   onChange,
   disabled = false,
@@ -42,7 +44,8 @@ const Textarea: React.FC<TextareaProps> = ({
             'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6',
             className,
             disabled &&
-              'disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
+              'disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200',
+            error && 'ring-red-300 text-red-900  placeholder:text-red-300 focus:ring-red-500'
           )}
           defaultValue={''}
           onChange={(e) => onChange && onChange(e.target.value)}
@@ -52,6 +55,7 @@ const Textarea: React.FC<TextareaProps> = ({
         />
 
         {help && <div className="text-gray-500 text-sm mt-2">{help}</div>}
+        {error && <p className="text-red-600 text-sm mt-2">{error}</p>}
       </div>
     </div>
   );