"use strict";

exports.__esModule = true;
exports.Step = void 0;

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _reactSvg = require("react-svg");

var _Title = require("../Title");

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

var Step = function Step(_ref) {
  var number = _ref.number,
      illustration = _ref.illustration,
      line = _ref.line,
      title = _ref.title,
      stepClass = _ref.stepClass,
      illustrationClass = _ref.illustrationClass,
      full = _ref.full,
      bottom = _ref.bottom,
      reverse = _ref.reverse,
      children = _ref.children;
  var stepClasses = (0, _classnames.default)('step', stepClass && stepClass, reverse && 'reverse', full && 'full');
  var illustrationClasses = (0, _classnames.default)('illustration', illustrationClass && illustrationClass);
  var contentClasses = (0, _classnames.default)('content', full && 'center', bottom && 'bottom');
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    className: stepClasses
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: illustrationClasses
  }, /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
    src: illustration
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: contentClasses
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "inner"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "num"
  }, number), /*#__PURE__*/_react.default.createElement(_Title.Title, {
    className: "title"
  }, title), /*#__PURE__*/_react.default.createElement("p", null, children)))), !!line && /*#__PURE__*/_react.default.createElement("div", {
    className: "step-line"
  }, /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
    src: line
  })));
};

Step.displayName = 'Step';
var StepDoc;

if (process.env.NODE_ENV !== 'production') {
  // eslint-disable-next-line global-require
  StepDoc = require('./doc').doc(Step);
}

var StepWrapper = StepDoc || Step;
exports.Step = StepWrapper;