<script>
    import Navlink from '@/components/sidebar/Navlink.vue'
    
    export default {
        name: 'Sidebar',
        components: {
            Navlink
        },
        props: [
            'prefix',
            'routes'
        ]
    }
</script>
<template>
    <div class="flex flex-col bg-lime-50 px-3 py-5 rounded-xl">
        <h1 class="text-xl my-2 border-b-2 border-olive-600 border-solid text-center uncial-antiqua md:text-left">
            <slot name="header"></slot>
        </h1>
        <div class="flex flex-col text-md">
            <Navlink :route="route" :prefix="prefix" v-for="route in routes" :key="route.path" />
        </div>
    </div>
</template>
<style>
</style>