<template>
  <section class="app">
    <Toolbar class="toolbar-component" view="dashboard" />
    <div v-if="showNotification" class="notification">
      <b-message title="New notification" size="is-small" @close="showNotification = false">
        New notification available in the Notification panel.
      </b-message>
    </div>
    <main class="hero">
      <slot v-if="loaded" />
    </main>
  </section>
</template>

<script>
import Toolbar from '@/components/Toolbar.vue'

export default {
  name: 'AppLayout',
  components: {
    Toolbar
  },
  props: {
    loaded: {
      type: Boolean,
      default: false
    }
  },
  data: () => ({
    showNotification: false
  })
}
</script>
