/**
 * External dependencies
 */
import classnames from 'classnames';
import PropTypes from 'prop-types';

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

const Textarea = ( {
	className = '',
	disabled = false,
	onTextChange,
	placeholder,
	value = '',
} ) => {
	return (
		<textarea
			className={ classnames(
				'kkart-block-components-textarea',
				className
			) }
			disabled={ disabled }
			onChange={ ( event ) => {
				onTextChange( event.target.value );
			} }
			placeholder={ placeholder }
			rows={ 2 }
			value={ value }
		/>
	);
};

Textarea.propTypes = {
	onTextChange: PropTypes.func.isRequired,
	disabled: PropTypes.bool,
	placeholder: PropTypes.string,
	value: PropTypes.string,
};

export default Textarea;
