// Header.jsx — top bar + STOCK module tab

function TopBar() {
  return (
    <header className="topbar">
      <img className="logo" src="../REMOVE Design System/assets/remove-logo-principal.svg" alt="REMOVE" />
      <span className="divider" />
      <span className="estab">
        CHUV — Médecine privé
      </span>
      <span className="spacer" />
      <button className="iconbtn" title="Recherche"><Icon name="search" /></button>
      <button className="iconbtn" title="Alertes"><Icon name="bell" /><span className="badge" /></button>
      <div className="avatar">MX</div>
    </header>
  );
}

function ModuleTab() {
  return (
    <nav className="tabs">
      <button className="tab active">
        <Icon name="package" size={18} />
        STOCK <span className="sub">· Armoire B3</span>
      </button>
    </nav>
  );
}

window.TopBar = TopBar;
window.ModuleTab = ModuleTab;