medreport_mrb2b/packages/shared/src/config/personal-account-navigation.config.tsx

import {
  FileLineChart,
  HeartPulse,
  LineChart,
  MousePointerClick,
  ShoppingCart,
  Stethoscope,
} from 'lucide-react';
import { z } from 'zod';

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

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

const routes = [
  {
    children: [
      {
        label: 'common:routes.overview',
        path: pathsConfig.app.home,
        Icon: <LineChart className={iconClasses} />,
        end: true,
      },
      {
        label: 'common:routes.booking',
        path: pathsConfig.app.booking,
        Icon: <MousePointerClick className={iconClasses} />,
        end: true,
      },
      {
        label: 'common:routes.myOrders',
        path: pathsConfig.app.myOrders,
        Icon: <ShoppingCart className={iconClasses} />,
        end: true,
      },
      {
        label: 'common:routes.orderAnalysisPackage',
        path: pathsConfig.app.orderAnalysisPackage,
        Icon: <HeartPulse className={iconClasses} />,
        end: true,
      },
      {
        label: 'common:routes.orderAnalysis',
        path: pathsConfig.app.orderAnalysis,
        Icon: <FileLineChart className={iconClasses} />,
        end: true,
      },
      {
        label: 'common:routes.orderHealthAnalysis',
        path: pathsConfig.app.orderHealthAnalysis,
        Icon: <Stethoscope className={iconClasses} />,
        end: true,
      },
    ],
  },
] satisfies z.infer<typeof NavigationConfigSchema>['routes'];

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