import React, { memo } from 'react'; import Styled from './styles'; interface IconProps { iconName: string; rotate?: boolean; } const iconsMap: { [key: string]: JSX.Element } = { reactions: ( ), }; const Icon: React.FC = ({ iconName = '', rotate = false, }) => { if (!iconsMap[iconName]) { return null; } return ( {iconsMap[iconName]} ); }; export default memo(Icon);