import { fieldClassName } from '#/components/atoms/input.jsx';
import { cn } from '#/lib/utils.js';

/** A multi-line text field, drawn the way the single-line one is. */
export function Textarea({ className, ...props }) {
  return (
    <textarea
      data-slot="textarea"
      className={cn(fieldClassName, 'min-h-16 py-2 leading-relaxed', className)}
      {...props}
    />
  );
}