import { DetailedHTMLProps, TextareaHTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";

/**
 * # Textarea Component
 * @className twui-textarea
 */
export default function Textarea({
    ...props
}: DetailedHTMLProps<
    TextareaHTMLAttributes<HTMLTextAreaElement>,
    HTMLTextAreaElement
>) {
    return (
        <textarea
            {...props}
            className={twMerge(
                "w-full px-4 py-2 border border-slate-300 rounded",
                "twui-textarea",
                props.className
            )}
        />
    );
}