import { LayoutDashboard, Users } from 'lucide-react';
import { z } from 'zod';

import { NavigationConfigSchema } from '@kit/ui/navigation-schema';

import pathsConfig from './paths.config';

const iconClasses = 'w-4 stroke-[1.5px]';

const routes = [
  {
    children: [
      {
        label: 'Dashboard',
        path: pathsConfig.app.admin,
        Icon: <LayoutDashboard className={iconClasses} />,
        end: true,
      },
      {
        label: 'Accounts',
        path: `${pathsConfig.app.admin}/accounts`,
        Icon: <Users className={iconClasses} />,
        end: true,
      },
    ],
  },
] satisfies z.infer<typeof NavigationConfigSchema>['routes'];

export const adminNavigationConfig = NavigationConfigSchema.parse({
  routes,
  style: 'custom',
  sidebarCollapsed: false,
  sidebarCollapsedStyle: 'icon',
});