import { TextInput } from '@admin/components/TextInput';
import { createFieldControl } from './createFieldControl';

export const TextField = createFieldControl( ( field, rhf ) => (
	<TextInput
		label={ field.label }
		value={ rhf.value ?? '' }
		placeholder={ field.placeholder }
		onChange={ rhf.onChange }
		disabled={ field.disabled }
		style={ { maxWidth: 320 } }
	/>
) );