"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
var _react = _interopRequireDefault(require("react"));
var _mobxReact = require("mobx-react");
require("./index.less");
var _class;
var TopBar = exports["default"] = (0, _mobxReact.observer)(_class = /*#__PURE__*/function (_React$Component) {
  (0, _inheritsLoose2["default"])(TopBar, _React$Component);
  function TopBar() {
    return _React$Component.apply(this, arguments) || this;
  }
  var _proto = TopBar.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "topBar"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "topBarLeft"
    }, this.props.topLeftAreaItems.map(function (item) {
      return /*#__PURE__*/_react["default"].createElement("div", {
        className: "item"
      }, item.content);
    })), /*#__PURE__*/_react["default"].createElement("div", {
      className: "topBarCenter"
    }, this.props.topCenterAreaItems.map(function (item) {
      return /*#__PURE__*/_react["default"].createElement("div", {
        className: "item"
      }, item.content);
    })), /*#__PURE__*/_react["default"].createElement("div", {
      className: "topBarRight"
    }, this.props.topRightAreaItems.map(function (item) {
      return /*#__PURE__*/_react["default"].createElement("div", {
        className: "item"
      }, item.content);
    })));
  };
  return TopBar;
}(_react["default"].Component)) || _class;