/* eslint-disable */
function Header({ active, onNav, session, onSignOut, partner }) {
  const items = [
    { id: 'contact', label: 'Contact' },
  ];
  const hasTapMap = !!(partner && partner.tap_map_access);
  return (
    <header className="ccg-header">
      <a className="ccg-header__brand" href="#" onClick={(e) => { e.preventDefault(); onNav('home'); }}>
        <img src="assets/CCG_LOGO.png" alt="Carpenter Consulting Group, LLC" />
      </a>
      <nav className="ccg-nav">
        {items.map((it) => (
          <a
            key={it.id}
            href={`#${it.id}`}
            className={'ccg-nav__link' + (active === it.id ? ' is-active' : '')}
            onClick={(e) => { e.preventDefault(); onNav(it.id); }}
          >
            {it.label}
          </a>
        ))}
        {session ? (
          <>
            <a
              href="#portal"
              className={'ccg-nav__link' + (active === 'portal' ? ' is-active' : '')}
              onClick={(e) => { e.preventDefault(); onNav('portal'); }}
            >
              Portal
            </a>
            {hasTapMap ? (
              <a
                href="#tapmap"
                className={'ccg-nav__link' + (active === 'tapmap' ? ' is-active' : '')}
                onClick={(e) => { e.preventDefault(); onNav('tapmap'); }}
              >
                Tap Map
              </a>
            ) : null}
            <a
              href="#signout"
              className="ccg-nav__link"
              onClick={(e) => { e.preventDefault(); onSignOut && onSignOut(); }}
            >
              Sign Out
            </a>
          </>
        ) : (
          <a
            href="#login"
            className={'ccg-nav__link' + (active === 'login' ? ' is-active' : '')}
            onClick={(e) => { e.preventDefault(); onNav('login'); }}
          >
            Partner Login
          </a>
        )}
      </nav>
    </header>
  );
}
window.Header = Header;