const IconNames = {
    settings: "mdi mdi-cog-outline",
    user: "mdi mdi-fountain-pen-tip",
    page: "mdi mdi-file-document-outline",
    "page-add": "mdi mdi-file-document-plus-outline",
    document: "mdi mdi-file-document-multiple-outline",
    news: "mdi mdi-newspaper",
    award: "mdi mdi-seal-variant",
    group: "mdi mdi-crowd",
    trophy: "mdi mdi-trophy-outline",
    pi: "mdi mdi-pi-box",
    pillar: "mdi mdi-pillar",
    "graduation-cap": "mdi mdi-school-outline",
    help: "mdi mdi-lifebuoy",
    dash: "mdi mdi-monitor-dashboard",
    presentation: "mdi mdi-presentation",
    projektwoche: "mdi mdi-calendar-range-outline",
    superhaufen: "mdi mdi-view-dashboard",
    stats: "mdi mdi-chart-bar",
  };
  
  let Icons = [];
  
  for (let [name, icon] of Object.entries(IconNames)) {
    Icons.push({
      name,
      icon: () =>
        h(
          "div",
          { className: "flex items-center" },
          h("i", { className: icon, style: { fontSize: "1.5rem" } })
        ),
    });
  }
  
  export default Icons;