| import * as React from 'react' | |
| import { cn } from '@/lib/utils' | |
| export interface TextareaProps | |
| extends React.TextareaHTMLAttributes<HTMLTextAreaElement> { | |
| className?: string | |
| } | |
| const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>( | |
| ({ className, ...props }, ref) => { | |
| return ( | |
| <textarea | |
| className={cn( | |
| 'border-input file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm resize-none', | |
| className | |
| )} | |
| ref={ref} | |
| {...props} | |
| /> | |
| ) | |
| } | |
| ) | |
| Textarea.displayName = 'Textarea' | |
| export default Textarea | |