indevuiTextarea

// demo.tsx
import Textarea from '@/components/ui/indevui-textarea';

function TextareaDemo() {
  return (
    <div className="flex w-full max-w-sm flex-col gap-6 rounded-md border p-6">
      <div className="grid w-full gap-2">
        <label htmlFor="message" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
          Your Message
        </label>
        <Textarea placeholder="Type your message here." id="message" />
        <p className="text-sm text-muted-foreground">
          Your message will be sent to our support team.
        </p>
      </div>
      <div className="grid w-full gap-2">
        <label htmlFor="message-disabled" className="text-sm font-medium leading-none text-muted-foreground">
          Disabled
        </label>
        <Textarea placeholder="This field is disabled." id="message-disabled" disabled />
      </div>
    </div>
  );
}

export { TextareaDemo as DemoOne };