16 lines
486 B
TypeScript
16 lines
486 B
TypeScript
|
import { useMemo } from 'react';
|
||
|
|
import * as LucideIcons from 'lucide-react';
|
||
|
|
|
||
|
|
type LucideIconName = keyof typeof LucideIcons;
|
||
|
|
|
||
|
|
export function useDynamicIcon(iconName?: string, fallback?: React.ComponentType) {
|
||
|
|
return useMemo(() => {
|
||
|
|
if (!iconName) {
|
||
|
|
return fallback || LucideIcons.Package;
|
||
|
|
}
|
||
|
|
|
||
|
|
const IconComponent = (LucideIcons as any)[iconName];
|
||
|
|
return IconComponent || fallback || LucideIcons.Package;
|
||
|
|
}, [iconName, fallback]);
|
||
|
|
}
|