AbdulElahGwaith/free-react-tailwind-admin-dashboard

1import { useState } from "react";2import ComponentCard from "../../common/ComponentCard";3import TextArea from "../input/TextArea";4import Label from "../Label";5 6export default function TextAreaInput() {7  const [message, setMessage] = useState("");8  const [messageTwo, setMessageTwo] = useState("");9  return (10    <ComponentCard title="Textarea input field">11      <div className="space-y-6">12        {/* Default TextArea */}13        <div>14          <Label>Description</Label>15          <TextArea16            value={message}17            onChange={(value) => setMessage(value)}18            rows={6}19          />20        </div>21 22        {/* Disabled TextArea */}23        <div>24          <Label>Description</Label>25          <TextArea rows={6} disabled />26        </div>27 28        {/* Error TextArea */}29        <div>30          <Label>Description</Label>31          <TextArea32            rows={6}33            value={messageTwo}34            error35            onChange={(value) => setMessageTwo(value)}36            hint="Please enter a valid message."37          />38        </div>39      </div>40    </ComponentCard>41  );42}43