import type { ReactNode } from "react"
import {
  BadgeCheckIcon,
  Building2Icon,
  CircleHelpIcon,
  LayoutTemplateIcon,
  DatabaseIcon,
  FileChartColumnIcon,
  FileIcon,
  FileTextIcon,
  FolderIcon,
  HandshakeIcon,
  ListCheckIcon,
  MessageSquareQuoteIcon,
  PanelsTopLeftIcon,
  ScrollTextIcon,
  Settings2Icon,
  StoreIcon,
  UsersIcon,
  VideoIcon,
  ChartNoAxesCombinedIcon,
  MergeIcon,
  ShieldAlertIcon,
} from "lucide-react"

const NAV_ICONS: Record<string, ReactNode> = {
  dashboard: <ChartNoAxesCombinedIcon />,
  realTenants: <BadgeCheckIcon />,
  tenants: <StoreIcon />,
  activityLog: <ScrollTextIcon />,
  themes: <PanelsTopLeftIcon />,
  agents: <UsersIcon />,
  roles: <Settings2Icon />,
  sliders: <PanelsTopLeftIcon />,
  videos: <VideoIcon />,
  testimonials: <MessageSquareQuoteIcon />,
  partners: <HandshakeIcon />,
  clients: <Building2Icon />,
  analyticsScripts: <FileTextIcon />,
  plans: <ListCheckIcon />,
  domainMapping: <MergeIcon />,
  cmsTemplates: <LayoutTemplateIcon />,
  faqs: <CircleHelpIcon />,
  supportTickets: <ShieldAlertIcon />,
  currencies: <DatabaseIcon />,
  locales: <FileIcon />,
  exchangeRates: <FileChartColumnIcon />,
  channels: <FolderIcon />,
}

export function getNavIcon(navKey: string): ReactNode {
  return NAV_ICONS[navKey] ?? <FileTextIcon />
}