Textarea

1import * as React from "react"
2 
3import { cn } from "@/registry/lib/surface"
4 
5function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
6  return (
7    <textarea
8      data-slot="textarea"
9      className={cn(
10        "flex field-sizing-content min-h-16 w-full resize-y rounded-md border border-border bg-transparent px-3 py-2 font-mono text-xs text-foreground outline-none transition-[border-color] duration-[var(--d-drift)] ease-[var(--ease-drift)] placeholder:text-muted-foreground focus-visible:border-foreground disabled:pointer-events-none disabled:opacity-40 aria-invalid:border-destructive",
11        className
12      )}
13      {...props}
14    />
15  )
16}
17 
18export { Textarea }