react-gosuslugi/components/Service_TitleStep/index.js

react-gosuslugi collection of common React UI components

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

require('./TitleStep.sass');

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

var TitleStep = function TitleStep(_ref) {
  var term = _ref.term,
      price = _ref.price,
      titleCaption = _ref.titleCaption,
      titleInfo = _ref.titleInfo,
      color = _ref.color;
  return _react2.default.createElement(
    'section',
    { className: 'titleStep' },
    _react2.default.createElement(
      'p',
      { className: 'titleStep__text' },
      _react2.default.createElement(
        'span',
        { className: 'titleStep__text-bold' },
        '\u0421\u0440\u043E\u043A\u0438 \u043E\u043A\u0430\u0437\u0430\u043D\u0438\u044F \u0443\u0441\u043B\u0443\u0433\u0438:'
      ),
      term,
      '.'
    ),
    _react2.default.createElement('p', { className: 'titleStep__text', dangerouslySetInnerHTML: { __html: price && '<span class="titleStep__text-bold">\u0421\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C \u0443\u0441\u043B\u0443\u0433\u0438:</span>' + price } }),
    _react2.default.createElement(
      'ul',
      { className: 'titleStep__list ' + color },
      _react2.default.createElement(
        'li',
        { className: 'list__caption' },
        titleCaption && titleCaption
      ),
      _react2.default.createElement(
        'li',
        { className: 'list__content' },
        titleInfo && titleInfo
      )
    )
  );
};

TitleStep.propTypes = {
  term: _propTypes2.default.string,
  price: _propTypes2.default.string.isRequired,
  titleCaption: _propTypes2.default.string.isRequired,
  titleInfo: _propTypes2.default.string.isRequired,
  color: _propTypes2.default.string
};

TitleStep.defaultProps = {
  term: '30 дней',
  color: 'primary'
};

exports.default = TitleStep;