react-toolbox/components/font_icon/FontIcon.jsx

31 lines
631 B
JavaScript

import React from 'react';
import ClassNames from 'classnames';
const FontIcon = ({ children, className, value, ...other}) => {
const classes = ClassNames(
{'material-icons': typeof value === 'string'},
className
);
return (
<span className={classes} {...other} data-react-toolbox='font-icon'>
{value}
{children}
</span>
);
};
FontIcon.propTypes = {
children: React.PropTypes.any,
className: React.PropTypes.string,
value: React.PropTypes.oneOfType([
React.PropTypes.string,
React.PropTypes.element
])
};
FontIcon.defaultProps = {
className: ''
};
export default FontIcon;