<script lang="ts" setup>
import { useUiStore } from 'src/stores/ui-store';
import HeaderBarNotification from './main-layout-header-bar-notification.vue';
import Chatbutton from "src/modules/chatbot/components/chat-button.vue";

const uiStore = useUiStore();
</script>

<template>
  <q-header elevated>
    <q-toolbar>
      <q-toolbar-title>
        <q-btn
          flat
          dense
          color="white"
          icon="menu"
          @click="uiStore.toggleRightDrawer"
        >
          <q-img
            src="src/assets/logo-targo-white.svg"
            fit="contain"
            width="150px"
            height="30px"
          />
        </q-btn>
      </q-toolbar-title>
      <q-item class="q-pa-none">

        <Chatbutton>
        </Chatbutton>

        <HeaderBarNotification />

      </q-item>
    </q-toolbar>
  </q-header>
</template>
