/**
 * Тумблер вкл/выкл (стили .switch в global.css) — единый контрол для булевых опций
 * (дополнения группы, фильтры, флаги). Вместо нативных чекбоксов.
 */
export function Switch({
  checked,
  disabled,
  onChange,
}: {
  checked: boolean;
  disabled?: boolean;
  onChange?: (checked: boolean) => void;
}) {
  return (
    <span className="switch">
      <input
        type="checkbox"
        checked={checked}
        disabled={disabled}
        onChange={(e) => onChange?.(e.target.checked)}
      />
      <span className="switch-track">
        <span className="switch-thumb" />
      </span>
    </span>
  );
}