<template>
    <sidebar-menu :menu="menu" />
</template>


<script>
    import {
        SidebarMenu
    } from 'vue-sidebar-menu'
    import 'vue-sidebar-menu/dist/vue-sidebar-menu.css'
    export default {
        components: {
            SidebarMenu,
            
        },
        data() {
            return {
                menu: [{
                        header: true,
                        title: 'Analytics Dashboard',
                        hiddenOnCollapse: true
                    },
                    {
                        href: '/',
                        title: 'Dashboard',
                        icon: 'fas fa-tachometer-alt'
                    },
                    {
                        href: '/community',
                        title: 'Community Group',
                        icon: 'fas fa-users'
                    },
                    {
                        href: '/materials',
                        title: 'Study Materials',
                        icon: 'fas fa-file-alt'
                    },
                    {
                        href: '/analytics',
                        title: 'Analytics',
                        icon: 'fas fa-chart-line'
                    }
                ]
            }
        }
    }
</script>