<template>
  <div id="navbar">
    <!-- primary, success, info, warning, danger, dark, or light -->
        <b-navbar toggleable="lg" type="dark" variant="primary">
            <b-navbar-brand>TP2</b-navbar-brand>

            <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>

            <b-collapse id="nav-collapse" is-nav>
                <b-navbar-nav class="ml-auto">
                    <b-nav-item-dropdown text="Utilisateur" right>
                        <b-dropdown-item>Profil</b-dropdown-item>
                        <b-dropdown-item @click="onClick">Déconnexion</b-dropdown-item>
                    </b-nav-item-dropdown>
                </b-navbar-nav>
            </b-collapse>
        </b-navbar>
  </div>
</template>

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