<script setup lang="ts">
import type { NavigationMenuItem } from '@nuxt/ui'

const nav : NavigationMenuItem[][] = [[
  {
  label: 'Home',
  icon: 'i-lucide-house',
  to: "/dashboard"
}, {
  label: 'Inbox',
  icon: 'i-lucide-inbox',
  badge: '4',
  to: "/inbox"
}, {
  label: 'Contacts',
  icon: 'i-lucide-users',
  to: "/contacts"
}, {
  label: 'Settings',
  icon: 'i-lucide-settings',
  to: '/settings'
  }]];
/*[
  {
    label: "Feedback"
  }
]];*/
</script>
<template>
  <UDashboardGroup>
    <DashboardSidebar collapsible resizable :items="nav"/>
    <UDashboardSidebarCollapse />

    <UContainer class="overflow-auto">
      <!-- in my case I want the button to be the same everywhere.
      if you wanna customize it per page, place it per page inside UContainer -->
      <!--<UDashboardSidebarToggle variant="subtle" class="absolute z-20 top-3 left-2.5"/>-->
      <slot />
    </UContainer>
  </UDashboardGroup>
</template>
