import {ToggleControl} from '@wordpress/components';
import FieldControl from '../components/FieldControl';

const CheckboxField = ( {field, value, onChange} ) => {
	return (
		<FieldControl
			id={field.id}
			label={field.label}
			help={field.description}
		>
			<ToggleControl
				checked={!!value}
				onChange={( isChecked ) => onChange( field.id, isChecked )}
			/>
		</FieldControl>
	);
};
export default CheckboxField;