react-gosuslugi/components/NewsArticle/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 _reactRouterDom = require('react-router-dom');

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactMarkdown = require('react-markdown');

var _reactMarkdown2 = _interopRequireDefault(_reactMarkdown);

var _Caption = require('../Caption');

var _Caption2 = _interopRequireDefault(_Caption);

var _Button = require('../Button');

var _Button2 = _interopRequireDefault(_Button);

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

var _Col2 = _interopRequireDefault(_Col);

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

var _Container2 = _interopRequireDefault(_Container);

require('./article.sass');

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

var Article = function Article(_ref) {
  var posts = _ref.posts;

  if (!posts) {
    return null;
  }
  return _react2.default.createElement(
    'section',
    { className: 'news-wrapper' },
    _react2.default.createElement(
      _Container2.default,
      null,
      _react2.default.createElement(
        _Col2.default,
        { xs: 6, sm: 12, md: 24, lg: 24 },
        _react2.default.createElement(
          _Caption2.default,
          null,
          posts.caption
        ),
        _react2.default.createElement(
          _reactRouterDom.Link,
          { to: '/posts', className: 'titleWrapper' },
          _react2.default.createElement(
            _Button2.default,
            { bsStyle: 'arrow-left', bsSize: 'lg' },
            '\u0412\u0441\u0435 \u043D\u043E\u0432\u043E\u0441\u0442\u0438'
          )
        ),
        _react2.default.createElement(_reactMarkdown2.default, { source: posts.text, className: 'article', escapeHtml: false })
      )
    )
  );
};

Article.propTypes = {
  posts: _propTypes2.default.shape({
    caption: _propTypes2.default.string,
    text: _propTypes2.default.string
  }).isRequired
};

exports.default = Article;