// Header — sticky, premium law-firm feel
const Header = ({ activeView, setActiveView }) => {
  return (
    <header className="site-header">
      <div className="site-header-top">
        <div className="trust-row">
          <span><span className="pilcrow">§</span> Pripravené advokátskou kanceláriou</span>
          <span>SAK č. zápisu 5144</span>
          <span>Bratislava - Slovenská republika</span>
        </div>
        <div className="trust-row">
          <span>+421 800 223 230 </span>
          <span>advokat@ficek.sk</span>
        </div>
      </div>
      <div className="site-header-main">
        <a href="#" className="logo">
          <span className="mark">F</span>
          <span>
            Ficek &amp; Partners
            <small>Advokátska kancelária</small>
          </span>
        </a>
        <nav className="nav">
          <a href="vzor.html" className="active">Generátor</a>
          <a href="#ako-funguje">Ako to funguje</a>
          <a href="#typy">Typy zmlúv</a>
          <a href="#autor">Autor</a>
          <a href="#faq">Otázky a odpovede</a>
          <a href="#kontakt">Kontakt</a>
        </nav>
        <div className="header-cta">
          <div className="view-toggle" role="tablist" aria-label="Pohľad">
            <button className={activeView === 'page' ? 'active' : ''} onClick={() => setActiveView('page')}>Stránka</button>
            <button className={activeView === 'strategy' ? 'active' : ''} onClick={() => setActiveView('strategy')}>Stratégia</button>
          </div>
          <a href="vzor.html" className="btn btn-primary btn-sm">Vytvoriť zmluvu</a>
        </div>
      </div>
    </header>
  );
};

window.Header = Header;