/* =========================================================
   COGNERYS — Tweaks panel (v2, simplified)
   ========================================================= */
function Tweaks({ state, setState, visible, onClose }) {
  if (!visible) return null;
  const seg = (key, options) => (
    <div className="seg">
      {options.map(o => (
        <button key={o.value}
          className={state[key] === o.value ? "on" : ""}
          onClick={() => setState(key, o.value)}>
          {o.label}
        </button>
      ))}
    </div>
  );
  return (
    <div className="tweaks">
      <div className="tweaks-head">
        <span>Tweaks</span>
        <button onClick={onClose} style={{color: "inherit", fontSize: 14}}>×</button>
      </div>
      <div className="tweaks-body">
        <div>
          <label>Theme</label>
          {seg("theme", [{value:"light",label:"Light"},{value:"dark",label:"Dark"}])}
        </div>
      </div>
    </div>
  );
}
Object.assign(window, { Tweaks });