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

const ToggleField = ({ field, value, onChange }) => {
	const disabled = (field.premium || field.disabled) ?? false;

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

export default ToggleField;