import { A } from "@solidjs/router"

/**
 * Navegador horizontal, usado en todas las views
 */
function Navbar() {
  return (
    <nav class="navbar" role="navigation" aria-label="main navigation">
      <div class="navbar-brand">
        <A class="navbar-item" href="/">CyberBokeron</A>

        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
        </a>
      </div>

      <div class="navbar-menu">
        <div class="navbar-start">
          {/* TODO: Agregar enlaces */}
        </div>
      </div>
    </nav>
  )
}

export default Navbar
