import React from 'react'; //import ReactDOMServer from 'react-dom/server'; const SVGIcon = ({name, onClick, label, className, iconClassName, labelClassName, labelPosition, color, disabled, ...other}) => { let colorClass = (color !== '') ? '__' + color : ''; let classes = `svg-icon-wrapper ${iconClassName} ${className} ${colorClass} ${onClick ? 'clickable' : ''} ${disabled ? 'disabled' : ''} ${labelPosition}`; let iconMock = ( <div {...other} onClick={onClick} className={classes}> <span className={`svg-icon __${name} ${disabled ? 'disabled' : ''}`} /> {label && <span className={`svg-icon-label ${labelClassName}`}>{label}</span>} </div> ); // console.log(ReactDOMServer.renderToStaticMarkup(iconMock)); return iconMock; }; export default SVGIcon;