local NavbarItem = require('components.navbar-item')

return function()
  return
    <div class="navbar-container">
      <div class="navbar">
        <NavbarItem name="home" href="/">[Home]</NavbarItem>
        <NavbarItem name="games" href="/games">[Games]</NavbarItem>
        <NavbarItem name="projects" href="/projects">[Other Projects]</NavbarItem>
        <NavbarItem name="github" href="https://github.com/Duckonaut">[GitHub]</NavbarItem>
        <NavbarItem name="itch" href="https://duckonaut.itch.io/">[Itch.io]</NavbarItem>
        <NavbarItem name="twitter" href="https://twitter.com/duckonaut">[Twitter]</NavbarItem>
        <NavbarItem name="mastodon" href="https://mastodon.gamedev.place/@duckonaut" rel="me">[Mastodon]</NavbarItem>
        <NavbarItem name="contact" href="/contact">[Contact]</NavbarItem>
      </div>
    </div>
end