cuz/lib/components/Steps/Step.js

Front-end modular development kit.

'use strict';

var _interopRequireDefault = require('babel-runtime/helpers/interop-require-default')['default'];

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var Step = _react2['default'].createClass({
  displayName: 'Step',

  propTypes: {
    children: _react2['default'].PropTypes.any,
    index: _react2['default'].PropTypes.number,
    active: _react2['default'].PropTypes.bool,
    onSelect: _react2['default'].PropTypes.func,
    onClick: _react2['default'].PropTypes.func
  },

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

  onSelect: function onSelect() {
    var _props = this.props;
    var onClick = _props.onClick;
    var onSelect = _props.onSelect;
    var index = _props.index;

    onSelect(index);
    if (onClick) onClick();
  },

  render: function render() {
    var _props2 = this.props;
    var children = _props2.children;
    var index = _props2.index;
    var active = _props2.active;

    return _react2['default'].createElement(
      'li',
      { className: _classnames2['default']({ 'active': active }), onClick: this.onSelect },
      _react2['default'].createElement(
        'span',
        { className: 'step' },
        index
      ),
      _react2['default'].createElement(
        'span',
        { className: 'title' },
        children
      )
    );
  }
});

exports['default'] = Step;
module.exports = exports['default'];