<template>
    <div>
        <va-navbar shape color="#79589f" class="navbar">
            <template #left>
                <va-navbar-item class="top-icon">
                    <va-popover message="Главная страница">
                        <va-icon size="3rem" color="gray" name="public" @click="$router.push('/')" />
                    </va-popover>
                </va-navbar-item>
                <slot></slot>
            </template>
            <template #right>
                <va-navbar-item class="top-icon">
                    <va-popover message="Аккаунт">
                        <va-icon size="3rem" color="gray" name="account_box" @click="$emit('accountClick')" />
                    </va-popover>
                </va-navbar-item>
            </template>
        </va-navbar>
    </div>
</template>


<script>
export default {
    name: "navbar",
}
</script>


<style lang="css" scoped>
.navbar {
    position: relative;
}
</style>