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

export const NumberField = createFieldControl( ( field, rhf ) => (
	<TextInput
		type="number"
		label={ field.label }
		value={ rhf.value ?? '' }
		onChange={ ( value ) =>
			rhf.onChange( '' === value ? '' : Number( value ) )
		}
		disabled={ field.disabled }
		suffix={ field.suffix }
		style={ { maxWidth: 120 } }
	/>
) );