react-gosuslugi/components/Service_Complaint/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 _Button = require('../Button');

var _Button2 = _interopRequireDefault(_Button);

require('./Complaint.sass');

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

var _Col2 = _interopRequireDefault(_Col);

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

var _Container2 = _interopRequireDefault(_Container);

var _Icon = require('../Icon');

var _Icon2 = _interopRequireDefault(_Icon);

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

var Complaint = function Complaint(_ref) {
  var handleClickOverflow = _ref.handleClickOverflow;
  return _react2.default.createElement(
    'section',
    { className: 'complaint-wrapper' },
    _react2.default.createElement(
      _Container2.default,
      null,
      _react2.default.createElement(
        _Col2.default,
        { xs: 6, sm: 8, md: 18, lg: 18 },
        _react2.default.createElement(
          'div',
          { className: 'complaint' },
          _react2.default.createElement(
            'h4',
            { className: 'complaint__caption' },
            '\u0412\u043E\u0437\u043D\u0438\u043A\u043B\u0438 \u043F\u0440\u043E\u0431\u043B\u0435\u043C\u044B \u0441 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u0435\u043C \u0443\u0441\u043B\u0443\u0433\u0438?'
          ),
          _react2.default.createElement(
            'p',
            { className: 'complaint__text' },
            '\u041E\u0442\u043A\u0430\u0437\u0430\u043B\u0438 \u0432 \u043F\u0440\u0438\u0451\u043C\u0435 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u043E\u0432 \u0438\u043B\u0438 \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u0435\u043D\u0438\u0438 \u0443\u0441\u043B\u0443\u0433\u0438, \u043D\u0430\u0440\u0443\u0448\u0438\u043B\u0438 \u0441\u0440\u043E\u043A\u0438, \u0442\u0440\u0435\u0431\u0443\u044E\u0442 \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B \u0438\u043B\u0438 \u043E\u043F\u043B\u0430\u0442\u0443? \u041D\u0430 \u043D\u0430\u0448\u0435\u043C \u043F\u043E\u0440\u0442\u0430\u043B\u0435 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u043E\u0436\u0430\u043B\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u043D\u0430 \u043D\u0435\u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0435 \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0443\u0441\u043B\u0443\u0433\u0438.'
          )
        )
      ),
      _react2.default.createElement(
        _Col2.default,
        { xs: 6, sm: 3, md: 6, lg: 6 },
        _react2.default.createElement(
          _Button2.default,
          { bsSize: 'large', bsStyle: 'primary', className: 'button-icon', onClick: handleClickOverflow },
          '\u041F\u043E\u0434\u0430\u0442\u044C \u0436\u0430\u043B\u043E\u0431\u0443 ',
          _react2.default.createElement(_Icon2.default, { type: 'complaint' })
        )
      )
    )
  );
};

exports.default = Complaint;