standard-resume/lib/SectionHighlights.js

The Standard Resume ReactJS component.

'use strict';

var React = require('react');
var classNames = require('classnames');

var SectionHighlights = React.createClass({
  displayName: 'SectionHighlights',

  propTypes: {
    highlights: React.PropTypes.arrayOf(React.PropTypes.string).isRequired,
    style: React.PropTypes.oneOf(['tags'])
  },

  render: function render() {
    return React.createElement(
      'ul',
      { className: classNames({
          'section-highlights': true,
          tags: this.props.style === 'tags'
        }) },
      this.props.highlights.map(function (highlight, i) {
        if (highlight.length > 0) {
          return React.createElement(
            'li',
            { className: 'section-highlight', key: i },
            highlight
          );
        }
      })
    );
  }

});

module.exports = SectionHighlights;