import { TextControl } from '@wordpress/components';

import { Action, Description } from '../Elements';

const ControlTextInput = ( {
	value,
	description,
	onChange,
	placeholder = '',
} ) => {
	return (
		<Action>
			<TextControl
				className="ppcp-r-vertical-text-control"
				placeholder={ placeholder }
				value={ value }
				onChange={ onChange }
			/>
			<Description>{ description }</Description>
		</Action>
	);
};

export default ControlTextInput;