2016-11-23 17:39:40 +02:00
|
|
|
const Button = require('../button');
|
2016-12-06 13:50:24 +02:00
|
|
|
const React = require('react');
|
|
|
|
const Styled = require('styled-components');
|
|
|
|
|
|
|
|
const {
|
|
|
|
default: styled,
|
|
|
|
css
|
|
|
|
} = Styled;
|
|
|
|
|
|
|
|
const styles = css`
|
|
|
|
font-size: inherit;
|
|
|
|
`;
|
2016-11-23 17:39:40 +02:00
|
|
|
|
|
|
|
const ButtonIcon = ({
|
|
|
|
name = 'beer',
|
|
|
|
className,
|
|
|
|
iconSet = 'fa',
|
|
|
|
style
|
|
|
|
}) => {
|
2016-12-06 13:50:24 +02:00
|
|
|
const Icon = require(`react-icons/lib/${iconSet}/${name}`);
|
|
|
|
const Component = styled(Icon)(styles);
|
2016-11-23 17:39:40 +02:00
|
|
|
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<Button>
|
2016-12-06 13:50:24 +02:00
|
|
|
<Component className={className} style={style} />
|
2016-11-23 17:39:40 +02:00
|
|
|
</Button>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
ButtonIcon.propTypes = {
|
|
|
|
className: React.PropTypes.string,
|
|
|
|
iconSet: React.PropTypes.string.isRequired,
|
|
|
|
name: React.PropTypes.string.isRequired,
|
|
|
|
style: React.PropTypes.object
|
|
|
|
};
|
|
|
|
|
|
|
|
module.exports = ButtonIcon;
|