<template>
    <v-tooltip 
        :bottom="true"
        color="#0d1c45"
    >
        <template 
            v-slot:activator="{ on }"
        >
            <v-app-bar-nav-icon
                color="#f47920"
                v-on="on"
                @click.stop="appDrawer.isVisible = ! appDrawer.isVisible"
            >        
            </v-app-bar-nav-icon>
        </template>

        <span class="text-caption">
            {{ __('Meniu principal') }}
        </span>
    </v-tooltip>
</template>

<script>
    export default {
        props: {
            app: {required: true},
        },
        
        computed: {
            appDrawer() {
                return this.app.menus.Drawer;
            }
        },

        name: 'HeaderDrawerIcon',
    }
</script>