<template>
  <q-header elevated class="bg-primary text-white">
    <q-toolbar>
      <q-btn dense flat round icon="menu" @click="toggleLeftDrawer" />

      <q-toolbar-title>
        <q-avatar>
          <img src="https://cdn.quasar.dev/logo-v2/svg/logo-mono-white.svg">
        </q-avatar>
        The Bingo Experience
      </q-toolbar-title>
    </q-toolbar>
  </q-header>
</template>

<script lang="ts">
@DComponent({
	emits: [ 'toggleLeftDrawer' ]
})
export default class NavbarComponent extends Vue {
	@Emit
	toggleLeftDrawer() {}
}
</script>
