2016-10-31 13:11:39 +02:00
|
|
|
const React = require('react');
|
2016-11-23 17:00:10 +02:00
|
|
|
const classNames = require('classnames');
|
|
|
|
const styles = require('./style.css');
|
2016-10-31 13:11:39 +02:00
|
|
|
|
|
|
|
const Icon = ({
|
2016-11-23 17:07:43 +02:00
|
|
|
name = 'beer',
|
2016-10-31 13:11:39 +02:00
|
|
|
className,
|
2016-11-23 17:07:43 +02:00
|
|
|
iconSet = 'fa',
|
2016-10-31 13:11:39 +02:00
|
|
|
style
|
|
|
|
}) => {
|
2016-11-23 17:00:10 +02:00
|
|
|
const Component = require(`react-icons/lib/${iconSet}/${name}`);
|
|
|
|
|
|
|
|
const cn = classNames(
|
|
|
|
className,
|
|
|
|
styles.icon
|
|
|
|
);
|
|
|
|
|
|
|
|
return (
|
2016-11-28 19:53:40 +02:00
|
|
|
<div className={cn}>
|
|
|
|
<Component style={style} />
|
2016-11-23 17:00:10 +02:00
|
|
|
</div>
|
|
|
|
);
|
2016-10-31 13:11:39 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
Icon.propTypes = {
|
|
|
|
className: React.PropTypes.string,
|
2016-11-23 17:00:10 +02:00
|
|
|
iconSet: React.PropTypes.string.isRequired,
|
2016-10-31 13:11:39 +02:00
|
|
|
name: React.PropTypes.string.isRequired,
|
|
|
|
style: React.PropTypes.object
|
|
|
|
};
|
|
|
|
|
|
|
|
module.exports = Icon;
|