<script setup>
const items = ['Manajemen Produk', 'Kasir', 'Laporan', 'Akun'];
</script>

<template>
    <div class="h-25 shadow-lg  shadow-D rounded-b-md">
        <div class="bg-D h-5 rounded-b-md shadow-lg">
            <div class="h-15"></div>
            <div class="w-full px-50 flex justify-between items-center h-5">
                <router-link to="/" v-for="item in items"
                    class="text-center text-lg text-D hover:underline cursor-pointer">
                    {{ item }}
                </router-link>
            </div>
        </div>
    </div>
</template>