<template>
    <v-app-bar color="blue" scroll-behavior="collapse" scroll-threshold="50" :height="100" image="/static/bck-2.webp">
        <!-- <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon> -->
        <template v-slot:prepend>
            <v-avatar class="ml-4 mr-3" size="66" rounded="0">
                <v-img src="/logo.webp" alt="ProNature Logo"></v-img>
            </v-avatar>
        </template>
        <v-app-bar-title>
            <router-link to="/">{{ l.playground }}</router-link>
        </v-app-bar-title>
        <CommonHeader></CommonHeader>
        <v-btn to="/manage" icon="mdi-wrench-cog-outline" v-if="roles.editor" v-tooltip="l.workshop" variant="flat" color="secondary"></v-btn>
    </v-app-bar>
</template>

<script>
</script>