import {
  BuildingLibraryIcon,
  ChartBarIcon,
  ChartPieIcon,
  CircleStackIcon,
  CogIcon,
  DocumentTextIcon,
  HomeIcon,
  PresentationChartLineIcon,
  ServerStackIcon,
  BeakerIcon,
  CurrencyDollarIcon,
} from '@heroicons/react/24/outline';

export interface NavigationItem {
  name: string;
  href?: string;
  icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
  children?: NavigationItem[];
}

export const navigation: NavigationItem[] = [
  { name: 'Dashboard', href: '/dashboard', icon: HomeIcon },
  {
    name: 'Market Data',
    icon: CurrencyDollarIcon,
    children: [
      { name: 'Exchanges', href: '/exchanges', icon: BuildingLibraryIcon },
      { name: 'Symbols', href: '/symbols', icon: ChartBarIcon },
    ],
  },
  { name: 'Portfolio', href: '/portfolio', icon: ChartBarIcon },
  { name: 'Strategies', href: '/strategies', icon: DocumentTextIcon },
  { name: 'Analytics', href: '/analytics', icon: PresentationChartLineIcon },
  { name: 'Backtests', href: '/backtests', icon: BeakerIcon },
  {
    name: 'System',
    icon: ServerStackIcon,
    children: [
      { name: 'Monitoring', href: '/system/monitoring', icon: ChartPieIcon },
      { name: 'Pipeline', href: '/system/pipeline', icon: CircleStackIcon },
    ],
  },
  { name: 'Settings', href: '/settings', icon: CogIcon },
];
