"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = DocsHeader;

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _DocsViewerModule = _interopRequireDefault(require("./DocsViewer.module.css"));

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

function DocsHeader(props) {
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _DocsViewerModule["default"].header
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: _DocsViewerModule["default"].header__title
  }, /*#__PURE__*/_react["default"].createElement("h1", {
    className: _DocsViewerModule["default"].header__title_label
  }, props.title), /*#__PURE__*/_react["default"].createElement("div", {
    className: _DocsViewerModule["default"].header__img_label
  }, /*#__PURE__*/_react["default"].createElement("img", {
    className: _DocsViewerModule["default"].header__img,
    src: props.picUrl,
    role: "img",
    width: "150px",
    height: "auto"
  }))), /*#__PURE__*/_react["default"].createElement("p", {
    className: _DocsViewerModule["default"].header__description
  }, props.description));
}

DocsHeader.propTypes = {
  title: _propTypes["default"].string,
  picUrl: _propTypes["default"].string
};