import React from 'react';
import clsx from 'clsx';

interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
    error?: boolean;
}

export default function Textarea({ className, error = false, ...props }: TextareaProps): JSX.Element {
    return (
        <textarea
            className={clsx(
                'ti-form-input min-h-[110px]',
                error && 'border-rose-300 focus:border-rose-300 focus:ring-rose-100',
                className,
            )}
            {...props}
        />
    );
}