import { cn } from '@/lib/utils';
import * as React from 'react';

const Textarea = React.forwardRef<
    HTMLTextAreaElement,
    React.ComponentProps<'textarea'>
>(({ className, ...props }, ref) => {
    return (
        <textarea
            className={cn(
                'border-border bg-card dark:bg-muted/30 text-foreground placeholder:text-muted-foreground dark:placeholder:text-muted-foreground/40 focus:border-primary/50 focus:ring-primary/20 flex w-full rounded-lg border px-3 py-2.5 text-sm transition-colors outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50',
                className,
            )}
            ref={ref}
            {...props}
        />
    );
});
Textarea.displayName = 'Textarea';

export { Textarea };