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

export const CheckboxGridField = createFieldControl( ( field, rhf ) => (
	<ToggleCardGrid
		options={ field.options }
		values={ rhf.value ?? {} }
		cols={ field.cols }
		disabled={ field.disabled }
		onChange={ ( key, checked ) =>
			rhf.onChange( { ...rhf.value, [ key ]: checked } )
		}
	/>
) );