const Nav = ({ active = "Work" }) => {
  const links = ["Work", "About", "Blog", "Contact"];
  return (
    <nav className="nav">
      <div className="nav-inner">
        <a href="#" className="nav-brand">issa</a>
        <div className="nav-links">
          {links.map(l => (
            <a key={l} href={`#${l.toLowerCase()}`} className={l === active ? "active" : ""}>{l}</a>
          ))}
        </div>
      </div>
    </nav>
  );
};

window.Nav = Nav;