Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | import React from "react"; import { contentTypes, Icons } from "../../shared/iconTypes/icons"; export interface IconProps { name: keyof typeof contentTypes; size?: number; color?: string; onClick?: () => void; style?: React.CSSProperties; } export const Icon = ({ name, size = 24, color = "black", onClick, style = {}, }: IconProps) => { const IconComponent = Icons[contentTypes[name]]; return IconComponent ? ( <> <IconComponent size={size} color={color} onClick={onClick} style={style} /> </> ) : ( <div>Icono no encontrado</div> ); }; |