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",
  schulchronik: "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("i", { className: "CMS_Icon_root cms-icon " + icon, style: { fontSize: "1.5rem" } })
  });
}

export default Icons;