<template>
  <nav aria-label="main navigation" class="navbar" role="navigation">
    <div class="navbar-brand">
      <router-link class="navbar-item" to="/">
        <Icon name="send">Pilotwings</Icon>
      </router-link>
    </div>
    <div class="navbar-menu">
      <div class="navbar-start">
        <a class="navbar-item" href="/docs">
          <Icon name="book">API Documentation</Icon>
        </a>
      </div>
    </div>
  </nav>
</template>

<script lang="ts">
import Icon from './Icon.vue'

export default {
  name: 'Navbar',
  components: {
    Icon,
  },
}
</script>