<template>
  <b-navbar toggleable="md" variant="light">

    <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>

    <b-navbar-brand href="#">
      <font-awesome-icon icon="file-invoice-dollar" />
    </b-navbar-brand>

    <b-collapse is-nav id="nav_collapse">
      <b-navbar-nav>
        <b-nav-item :to="{ name: 'home' }">Comptes</b-nav-item>
        <b-nav-item :to="{ name: 'import' }">Import</b-nav-item>
        <b-nav-item :to="{ name: 'postes' }">Postes</b-nav-item>
      </b-navbar-nav>
    </b-collapse>

  </b-navbar>
</template>

<script>
export default {
  name: 'navbar',
  props: {
  }
}
</script>

<style scoped>
</style>
