content: import React from 'react';
  import shallowCompare from 'react-addons-shallow-compare';
  import {classNames} from 'react-dom-stylesheet';
  
  export default class Icon extends React.Component {
  
    static displayName = 'Icon'
  
    static propTypes = {
      iconName: React.PropTypes.string.isRequired,
      className: React.PropTypes.string,
      style: React.PropTypes.oneOfType([
        React.PropTypes.array,
        React.PropTypes.object,
        React.PropTypes.string
      ])
    };
  
    shouldComponentUpdate (nextProps, nextState) {
      return shallowCompare(this, nextProps, nextState);
    }
  
    render () {
      const {className, iconName} = this.props;
  
      const rootClasses = classNames('icon', `icon-${iconName}`, className);
  
      return (
        <span className={rootClasses}/>
      );
    }
  }
  