|
1
|
import * as React from "react" |
|
2
|
|
|
3
|
import { cn } from "@/lib/utils" |
|
4
|
|
|
5
|
const Textarea = React.forwardRef< |
|
6
|
HTMLTextAreaElement, |
|
7
|
React.ComponentProps<"textarea"> |
|
8
|
>(({ className, ...props }, ref) => { |
|
9
|
return ( |
|
10
|
<textarea |
|
11
|
className={cn( |
|
12
|
"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", |
|
13
|
className |
|
14
|
)} |
|
15
|
ref={ref} |
|
16
|
{...props} |
|
17
|
/> |
|
18
|
) |
|
19
|
}) |
|
20
|
Textarea.displayName = "Textarea" |
|
21
|
|
|
22
|
export { Textarea } |