| 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; |