// components/Nav.jsx
function Nav({ current = "home" }) {
  const links = [
    ["home", "Home", "index.html"],
    ["services", "Services", "services.html"],
    ["classes", "Workshops", "classes.html"],
    ["about", "About", "about.html"],
  ];
  return (
    <nav className="nav">
      <div className="nav-inner">
        <a className="brand" href="index.html">
          <span className="brand-mark">👋</span>
          <span className="brand-lockup">
            <span className="brand-greet">Hey There,</span>
            <span className="brand-main">LET'S BABYWEAR</span>
          </span>
        </a>
        <div className="nav-links">
          {links.map(([k, label, href]) => (
            <a key={k} href={href} className={current === k ? "active" : ""}>{label}</a>
          ))}
        </div>
        <div className="nav-tools">
          <a className="nav-cta" href="book.html">Book a consult →</a>
        </div>
      </div>
    </nav>
  );
}

window.Nav = Nav;