/**
 * External dependencies
 */
import classnames from 'classnames';

/**
 * Internal dependencies
 */
import './style.scss';

interface TextareaProps {
	className?: string;
	disabled: boolean;
	onTextChange: ( newText: string ) => void;
	placeholder: string;
	value: string;
}

export const Textarea = ( {
	className = '',
	disabled = false,
	onTextChange,
	placeholder,
	value = '',
}: TextareaProps ): JSX.Element => (
	<textarea
		className={ classnames( 'wc-block-components-textarea', className ) }
		disabled={ disabled }
		onChange={ ( event ) => {
			onTextChange( event.target.value );
		} }
		placeholder={ placeholder }
		rows={ 2 }
		value={ value }
	/>
);