import Kalkulator3D, { SavedList } from './tools/kalkulator3d.jsx';
import Bestellungen from './tools/bestellungen.jsx';
import { CalculatorIcon, ArchiveIcon, DatabaseIcon } 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,
  },
  // 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);
}