import React from "react";
/** Interruptor liga/desliga (role=switch). Controlado: ligado + aoMudar. */
export function Alternador({ rotulo, descricao, ligado = false, aoMudar, desabilitado = false, className = "" }) {
  return (
    <label className={["ach-alternador", ligado ? "ach-alternador--ligado" : "", className].filter(Boolean).join(" ")}>
      <button type="button" role="switch" aria-checked={ligado} disabled={desabilitado} className="ach-alternador__trilho" onClick={() => aoMudar && aoMudar(!ligado)}>
        <span className="ach-alternador__bolinha" />
      </button>
      {(rotulo || descricao) && (
        <span className="ach-caixa__texto">
          {rotulo && <span className="ach-caixa__rotulo">{rotulo}</span>}
          {descricao && <span className="ach-caixa__descricao">{descricao}</span>}
        </span>
      )}
    </label>
  );
}