/* eslint-disable */
// Site header — sticky top nav. Active state is driven by the parent App.

const Header = ({ active, onJump }) => {
  const sections = [
    { id: "sobre", label: "sobre" },
    { id: "servicos", label: "serviços" },
    { id: "portfolio", label: "portfolio" },
    { id: "contato", label: "contato" },
  ];
  return (
    <header className="site-header">
      <div className="container row">
        <a className="wordmark" href="#sobre" onClick={(e) => { e.preventDefault(); onJump("sobre"); }}>
          rphlimacosta
        </a>
        <nav className="site-nav">
          {sections.map((s) => (
            <a
              key={s.id}
              href={`#${s.id}`}
              className={active === s.id ? "is-active" : ""}
              onClick={(e) => { e.preventDefault(); onJump(s.id); }}
            >
              {s.label}
            </a>
          ))}
        </nav>
        <Btn variant="primary" as="a" href="#contato" onClick={(e) => { e.preventDefault(); onJump("contato"); }}>
          conversar →
        </Btn>
      </div>
    </header>
  );
};

window.Header = Header;
