---
/* Icône d'une techno : SVG simple-icons (currentColor) si dispo,
   sinon monogramme. Taille pilotée par le CSS (.tile .ic). */
import { techIcons, monogram, type TechDef } from "../lib/techIcons";
interface Props { name: string; }
const { name } = Astro.props;
const def: TechDef | undefined = techIcons[name];
const path = def && "path" in def ? def.path : null;
const mono = def && "mono" in def ? def.mono : monogram(name);
---
{path ? (
  <svg class="ic" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
    <path d={path} />
  </svg>
) : (
  <span class="tile-mono">{mono}</span>
)}