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

export const RadioGroupField = createFieldControl( ( field, rhf ) => (
	<div>
		{ field.options.map( ( option ) => (
			<RadioOption
				key={ option.value }
				name={ field.id }
				title={ option.label }
				description={ option.description }
				manualUrl={ option.manual_url }
				checked={ rhf.value === option.value }
				disabled={ field.disabled }
				onChange={ () =>
					! field.disabled && rhf.onChange( option.value )
				}
			/>
		) ) }
	</div>
) );