// Demandscape website — top navigation
function Nav({ page, onNav }) {
  const { Logo, Button } = window.DemandscapeDesignSystem_0e6a32;
  const links = [
    ['Platform', 'platform'],
    ['About', 'about'],
  ];
  return (
    <header className="nav">
      <div className="container nav__inner">
        <button className="brandbtn" onClick={() => onNav('home')} aria-label="Demandscape home">
          <Logo size={26} />
        </button>
        <nav className="nav__links">
          {links.map(([label, route]) => (
            <button key={route} className="nav__link" data-active={page === route}
                    onClick={() => onNav(route)}>{label}</button>
          ))}
          <Button variant="primary" onClick={() => onNav('demo')}>Request a demo</Button>
        </nav>
      </div>
    </header>
  );
}
window.Nav = Nav;