blob: 6ce76cf91a57b7fd36975fff090470241a12bb2e [file] [log] [blame]
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;