<template>
    <div id="app">
        <section class="body">

            <page-header></page-header>

            <div class="inner-wrapper">
                <!--<side-bar></side-bar>-->
                <section role="main">
                    <router-view></router-view>
                </section>
            </div>

        </section>

    </div>
</template>

<script>//import Header from './shared/header';
    //import SideBar from './shared/sidebar';
    const Header = () => import('./shared/header');
    const SideBar = () => import('./shared/sidebar');
    export default {
        components: {
            'page-header': Header,
            'side-bar': SideBar
        },

        data() {
            return {}
        }
    }</script>

<style>
    @import '../resources/css/theme.css';
    @import '../resources/css/custom.css';
    @import '../resources/css/layouts/modern.css';
</style>
