react-gosuslugi/components/InfoBanner/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);

var _Col = require('../Col');

var _Col2 = _interopRequireDefault(_Col);

var _Container = require('../Container');

var _Container2 = _interopRequireDefault(_Container);

require('./InfoBanner.sass');

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

var InfoBanner = function InfoBanner(_ref) {
  var theme = _ref.theme,
      caption = _ref.caption,
      children = _ref.children;

  if (!children) {
    return null;
  }
  return _react2.default.createElement(
    'div',
    { className: 'info-banner-wrapper info-banner--' + theme },
    _react2.default.createElement(
      _Container2.default,
      null,
      _react2.default.createElement(
        _Col2.default,
        { xs: 6, sm: 12, md: 24, lg: 24 },
        _react2.default.createElement(
          'p',
          { className: 'info-banner-text' },
          _react2.default.createElement(
            'span',
            { className: 'info-banner-caption' },
            caption
          ),
          children
        )
      )
    )
  );
};

InfoBanner.propTypes = {
  theme: _propTypes2.default.string,
  caption: _propTypes2.default.string,
  children: _propTypes2.default.string.isRequired
};

InfoBanner.defaultProps = {
  theme: 'success',
  caption: ''
};

exports.default = InfoBanner;