Textarea

"use client"

import { Label } from "@/registry/warren/label/label"
import { Textarea } from "@/registry/warren/textarea/textarea"

export default function TextareaDemo() {
  return (
    <div className="w-full max-w-md border-2 border-border bg-panel p-3">
      <Label htmlFor="mission-transcript">Mission transcript</Label>
      <Textarea
        id="mission-transcript"
        className="mt-1"
        placeholder="CAPTAIN'S LOG, STARDATE 43125.8"
      />
    </div>
  )
}

"use client"

import { Textarea } from "@/registry/warren/textarea/textarea"

export default function TextareaStates() {
  return (
    <div className="flex flex-wrap items-start gap-3">
      <Textarea className="w-64" placeholder="EDITABLE TRANSCRIPT" />
      <Textarea className="w-64" placeholder="DISABLED" disabled />
      <Textarea className="w-64" placeholder="INVALID INPUT" aria-invalid />
    </div>
  )
}