IconComponent.jsx

'use strict';

const React = require('react');

module.exports = React.createClass({
  displayName: 'IconComponent',

  propTypes: {
    glyph: React.PropTypes.string.isRequired,
    active: React.PropTypes.bool
  },

  getDefaultProps() {
    return {active: false};
  },

  render() {
    let glyph = `${this.props.glyph}${this.props.active ? '-active' : ''}`;
    return <i className={`s s-${glyph}`} />;
  }
});