import FieldControl from '../components/FieldControl';
import Toggle from '../components/Toggle';

const ToggleField = ({ field, value, onChange }) => {
	return (
		<FieldControl id={field.id} help={field.description} link={field.link} className={field.depends_on ? 'adpresso-field-control__child' : undefined}>
			<Toggle
				label={field.label}
				enabled={Boolean(Number(value))}
				setEnabled={(newValue) => onChange(field.id, newValue)}
			/>
		</FieldControl>
	);
};

export default ToggleField;