Icon.js

import React from 'react';
import cx from 'classnames';
import { icons } from '../services/assets';
import styles from './Icon.pcss';

const Icon = props => {
  const { name, size, flip, className } = props;
  const classes = cx(
    styles.icon,
    styles.className,
    [styles[`size-${size}`]],{
      [styles.flip]: flip,
    }
  );

  return (
    <img className={classes} src={icons[name]} />
  );
}

Icon.propTypes = {
  name: React.PropTypes.string.isRequired,
  size: React.PropTypes.string.isRequired,
  flip: React.PropTypes.bool.isRequired,
  className: React.PropTypes.string,
};

Icon.defaultProps = {
  size: '1x',
  flip: false,
};

export default Icon;