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

    const uiStore = useUiStore();
</script>

<template>
    <q-header elevated>
        <q-toolbar class="q-px-sm">
            <q-toolbar-title>
                <q-btn
                    flat
                    dense
                    color="white"
                    @click="uiStore.toggleRightDrawer"
                    class="q-px-none"
                >
                    <q-icon name="menu" size="lg" class="q-mr-lg"/>
                    <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">
                <HeaderBarNotification />
            </q-item>
        </q-toolbar>
    </q-header>
</template>
