<script setup lang="ts">
import {
    SidebarMenu,
    SidebarMenuItem,
    SidebarMenuButton,
} from '@/components/ui/sidebar';

const route = useRoute();
</script>

<template>
    <SidebarMenu>
        <SidebarMenuItem>
            <NuxtLink to="/admin" as-child>
                <SidebarMenuButton
                    :is-active="route.path === '/admin'"
                    tooltip="Admin"
                >
                    <Icon name="lucide:settings" />
                    <span>Administration</span>
                </SidebarMenuButton>
            </NuxtLink>
        </SidebarMenuItem>
    </SidebarMenu>
</template>
