'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _StepContainer = require('./styles/StepContainer');

var _StepContainer2 = _interopRequireDefault(_StepContainer);

var _StepNumber = require('./styles/StepNumber');

var _StepNumber2 = _interopRequireDefault(_StepNumber);

var _StepContent = require('./styles/StepContent');

var _StepContent2 = _interopRequireDefault(_StepContent);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Step = function (_React$Component) {
  (0, _inherits3.default)(Step, _React$Component);

  function Step() {
    (0, _classCallCheck3.default)(this, Step);
    return (0, _possibleConstructorReturn3.default)(this, (Step.__proto__ || (0, _getPrototypeOf2.default)(Step)).apply(this, arguments));
  }

  (0, _createClass3.default)(Step, [{
    key: 'render',
    value: function render() {
      var _props = this.props,
          children = _props.children,
          number = _props.number,
          complete = _props.complete,
          Content = _props.Content,
          Container = _props.Container,
          Number = _props.Number,
          rest = (0, _objectWithoutProperties3.default)(_props, ['children', 'number', 'complete', 'Content', 'Container', 'Number']);


      return _react2.default.createElement(
        Container,
        rest,
        _react2.default.createElement(Number, { complete: complete, number: number }),
        _react2.default.createElement(
          Content,
          null,
          children
        )
      );
    }
  }]);
  return Step;
}(_react2.default.Component);

Step.propTypes = {
  /**
   * Content of the step
   */
  children: _propTypes2.default.node.isRequired,
  /**
   * Step number
   */
  number: _propTypes2.default.number.isRequired,
  /**
   * Whether the step has been completed
   */
  complete: _propTypes2.default.bool,

  /**
   * Override the component that renders the step outer container
   */
  Container: _propTypes2.default.func,
  /**
   * Override the component that renders the step number. Will receive `complete` and `number` props.
   */
  Number: _propTypes2.default.func,
  /**
   * Override the component that renders the content of the step
   */
  Content: _propTypes2.default.func
};
Step.defaultProps = {
  complete: false,
  Container: _StepContainer2.default,
  Number: _StepNumber2.default,
  Content: _StepContent2.default
};
exports.default = Step;