import Kalkulator3D, { SavedList } from './tools/kalkulator3d.jsx';
import Bestellungen from './tools/bestellungen.jsx';
import Dateien from './tools/dateien.jsx';
import Nachrichten from './tools/nachrichten.jsx';
import Linkliste from './tools/linkliste.jsx';
import CodeSchnipsel from './tools/codeschnipsel.jsx';
import { CalculatorIcon, ArchiveIcon, DatabaseIcon, AppsIcon, MessageIcon, LinkIcon, CodeIcon } from './icons.jsx';

export const TOOLS = [
  {
    id:        'kalkulator3d',
    Icon:      CalculatorIcon,
    label:     'Kostenrechner',
    navLabel:  'Kosten',
    group:     '3D-Druck',
    component: Kalkulator3D,
  },
  {
    id:        'kalkulator3d-saved',
    Icon:      ArchiveIcon,
    label:     'Archiv',
    navLabel:  'Archiv',
    group:     '3D-Druck',
    component: SavedList,
  },
  {
    id:        'bestellungen',
    Icon:      DatabaseIcon,
    label:     'Bestellungen',
    navLabel:  'Aufträge',
    group:     '3D-Druck',
    component: Bestellungen,
  },
  {
    id:        'dateien',
    Icon:      DatabaseIcon,
    label:     'Dateien',
    navLabel:  'Dateien',
    group:     'Werkzeuge',
    component: Dateien,
  },
  {
    id:        'nachrichten',
    Icon:      MessageIcon,
    label:     'Nachrichten',
    navLabel:  'Nachrichten',
    group:     'Werkzeuge',
    component: Nachrichten,
  },
  {
    id:        'linkliste',
    Icon:      LinkIcon,
    label:     'Linkliste',
    navLabel:  'Linkliste',
    group:     'Werkzeuge',
    component: Linkliste,
  },
  {
    id:        'codeschnipsel',
    Icon:      CodeIcon,
    label:     'Code-Schnipsel',
    navLabel:  'Code',
    group:     'Werkzeuge',
    component: CodeSchnipsel,
  },
  // Neues Tool: { id:'...', Icon:..., label:'...', navLabel:'...', group:'...', component:... },
];

export function getGroupedTools() {
  const groups = {};
  for (const t of TOOLS) {
    const g = t.group || 'Allgemein';
    if (!groups[g]) groups[g] = [];
    groups[g].push(t);
  }
  return Object.entries(groups);
}