import { clsx } from '@admin/utils';
import { FIELD_SURFACE_CLASSES } from './field-styles';

export function Textarea( {
	value,
	onChange,
	placeholder,
	disabled,
	label,
	rows = 4,
} ) {
	return (
		<textarea
			value={ value }
			disabled={ disabled }
			aria-label={ label }
			onChange={ ( e ) => onChange( e.target.value ) }
			placeholder={ placeholder }
			rows={ rows }
			className={ clsx(
				FIELD_SURFACE_CLASSES,
				'w-full resize-none px-3 py-2'
			) }
		/>
	);
}