<template>
  <b-navbar variant="white" class="bottom-shadow mb-3">
    <b-button variant="none" class="no-outline" @click="$store.dispatch('ui/toggle', 'sidebarShow')">
      <fa icon="bars" />
    </b-button>
    <!-- Right aligned nav items -->
<!--    <b-navbar-nav class="ml-auto">-->
<!--      <b-nav-item @click="logout">-->
<!--        <fa icon="sign-out-alt" />-->
<!--      </b-nav-item>-->
<!--    </b-navbar-nav>-->
  </b-navbar>
</template>

<script>
export default {
  name: 'MainHeader',
  methods: {
    async logout () {
      await this.$store.dispatch('auth/logout')
      this.$router.push({ name: 'login' })
    }
  }
}
</script>

<style scoped>
  .bottom-shadow {
    box-shadow: 0 4px 2px -2px gray;
  }
  .no-outline:focus, .no-outline:active {
    outline: none !important;
    box-shadow: none !important;
  }
</style>