"use client";

import { Label, Textarea } from "@countryclub/ui-react";

export default function TextareaDisabled() {
  return (
    <div className="flex w-full max-w-sm flex-col gap-4">
      <div className="flex flex-col gap-2">
        <Label htmlFor="textarea-disabled-empty">Event notes</Label>
        <Textarea
          disabled
          id="textarea-disabled-empty"
          placeholder="No additional notes"
        />
      </div>
      <div className="flex flex-col gap-2">
        <Label htmlFor="textarea-disabled-filled">Special requests</Label>
        <Textarea
          defaultValue="Gluten-free options requested for all guests. Preferred seating near the garden terrace."
          disabled
          id="textarea-disabled-filled"
        />
      </div>
    </div>
  );
}
Textarea

Import

Default

Disabled

Invalid
