import {
  Target,
  BookOpen,
  BarChart3,
  Layers,
  Calculator,
  TrendingUp,
  Grid,
  Scale,
  Percent,
  Car,
  Square,
  Triangle,
  Circle,
} from "lucide-react";
import type { JSX } from "react";

export const renderLessonIcon = (iconName: string) => {
  const icons: Record<string, JSX.Element> = {
    Target: <Target size={16} />,
    BookOpen: <BookOpen size={16} />,
    BarChart3: <BarChart3 size={16} />,
    Layers: <Layers size={16} />,
    Calculator: <Calculator size={16} />,
    TrendingUp: <TrendingUp size={16} />,
    Grid: <Grid size={16} />,
    Scale: <Scale size={16} />,
    Percent: <Percent size={16} />,
    Chart: <Car size={16} />,
    Square: <Square size={16} />,
    Triangle: <Triangle size={16} />,
    Circle: <Circle size={16} />,
  };

  return icons[iconName] ?? <BookOpen size={16} />;
};