import type { NavItemConfig } from '@/types/nav';
import { paths } from '@/paths';

export const navItems = [
  { key: 'overview', title: 'Home', href: paths.dashboard.overview, icon: 'home' },
  { key: 'orders', title: 'Orders', href: paths.dashboard.orders, icon: 'home' },
  // { key: 'customers', title: 'Customers', href: paths.dashboard.customers, icon: 'users' },
  { key: 'aboutwfc', title: 'About WFC', href: paths.dashboard.about, icon: 'info' },
  { key: 'merchandise', title: 'Merchandise', href: paths.dashboard.merchandise, icon: 'shopping-cart' },
  { key: 'users', title: 'Users', href: paths.dashboard.users, icon: 'users' },
  { key: 'volunteers', title: 'Volunteers', href: paths.dashboard.volunteers, icon: 'users' },
  // { key: 'integrations', title: 'Integrations', href: paths.dashboard.integrations, icon: 'shopping-cart' },
  // { key: 'settings', title: 'Settings', href: paths.dashboard.settings, icon: 'shopping-cart' },
  // { key: 'account', title: 'Account', href: paths.dashboard.account, icon: 'user' },
  // { key: 'error', title: 'Error', href: paths.errors.notFound, icon: 'x-square' },
  { key: 'slots', title: 'Slots', href: paths.dashboard.slots, icon: 'info' },
  { key: 'events', title: 'Events', href: paths.dashboard.events, icon: 'info' },
  { key: 'training', title: 'Training', href: paths.dashboard.training, icon: 'info' },
  {
    key: 'newsletter',
    title: 'Newsletter',
    icon: 'mail',
    matcher: { type: 'startsWith', href: '/dashboard/newsletter' },
    items: [
      {
        key: 'newsletter-subscribers',
        title: 'Subscribed Users',
        href: paths.dashboard.newsletterSubscribers,
      },
      {
        key: 'newsletter-newsletters',
        title: 'Newsletters',
        href: paths.dashboard.newsletterNewsletters,
      },
    ],
  },
] satisfies NavItemConfig[];