Textarea

1import * as React from "react";
2import { type VariantProps } from "class-variance-authority";
3 
4import { fieldVariants } from "@/components/ui/recipes";
5import { cn } from "@/lib/utils";
6 
7export interface TextareaProps
8  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof fieldVariants> {}
9 
10const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
11  ({ className, radius, variant, ...props }, ref) => (
12    <textarea
13      ref={ref}
14      data-slot="textarea"
15      data-variant={variant ?? "default"}
16      data-radius={radius ?? "md"}
17      data-invalid={props["aria-invalid"] ? "" : undefined}
18      className={cn(fieldVariants({ variant, radius }), "min-h-24 resize-y px-3 py-2.5", className)}
19      {...props}
20    />
21  ),
22);
23Textarea.displayName = "Textarea";
24 
25export { Textarea };