function Nav({ brandName = "Samika", navStyle = "floating-pill", ctaLabel = "Book a demo" }) {
  const cls = navStyle === "flat-bar" ? "nav nav--flat-bar"
            : navStyle === "minimal" ? "nav nav--minimal"
            : "nav";
  return (
    <header className={cls}>
      <div className="nav__inner">
        <a href="#" className="nav__brand">
          <span className="dot"></span>
          {brandName}
        </a>
        <nav className="nav__links">
          <a href="#how">How it works</a>
          <a href="#specialty">For your practice</a>
          <a href="#roi">ROI</a>
          <a href="#demo">Demo</a>
          <a href="#faq">FAQ</a>
        </nav>
        <a href="#book" className="nav__cta">{ctaLabel} →</a>
      </div>
    </header>
  );
}

window.Nav = Nav;