<template>
    <div class="header">
        <div class="container">
            <header>
                <router-link class="brand" :to="{ name: 'index' }">
                    <img
                        class="brand-logo"
                        src="//via.placeholder.com/256"
                        alt="Brand Logo"
                    />
                    <span class="brand-name">Admin Panel</span>
                </router-link>
                <nav class="site-nav">
                    <admin-site-nav></admin-site-nav>
                </nav>
            </header>
        </div>
    </div>
</template>

<script>
import AdminSiteNav from './AdminSiteNav.vue';

export default {
    components: {
        AdminSiteNav,
    },
}
</script>
