"use client";

import React from "react";
import * as SubframeCore from "@subframe/core";

type IconKomponente = React.ComponentType<{ className?: string }>;

/**
 * Löst einen Icon-Namen ("Euro") gegen das Feather-Set von @subframe/core auf.
 * So können Konfigurationsdateien (navigation.ts) Icons als String führen,
 * ohne React importieren zu müssen.
 */
export function FeatherIcon({ name, className }: { name: string; className?: string }) {
  const registry = SubframeCore as unknown as Record<string, IconKomponente | undefined>;
  const Komponente = registry[`Feather${name}`];
  if (!Komponente) return null;
  return <Komponente className={className} />;
}