import React from "react";
interface TechIconProps {
className?: string;
}
export const ReactIcon = ({ className = "w-6 h-6" }: TechIconProps) => (
);
export const VueIcon = ({ className = "w-6 h-6" }: TechIconProps) => (
);
export const TypeScriptIcon = ({ className = "w-6 h-6" }: TechIconProps) => (
);
export const NextJSIcon = ({ className = "w-6 h-6" }: TechIconProps) => (
);
export const NodeJSIcon = ({ className = "w-6 h-6" }: TechIconProps) => (
);
export const PythonIcon = ({ className = "w-6 h-6" }: TechIconProps) => (
);
// Map des icônes par ID de technologie
export const TECH_ICONS: Record> = {
react: ReactIcon,
vue: VueIcon,
typescript: TypeScriptIcon,
nextjs: NextJSIcon,
nodejs: NodeJSIcon,
python: PythonIcon,
// Icône par défaut pour les technologies sans icône spécifique
default: ({ className = "w-6 h-6" }: TechIconProps) => (
?
),
};
// Fonction utilitaire pour obtenir l'icône d'une technologie
export const getTechIcon = (
techId: string
): React.ComponentType => {
return TECH_ICONS[techId] || TECH_ICONS.default;
};