import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
var _class;
import React from 'react';
import { observer } from 'mobx-react';
import './index.less';
var TopBar = observer(_class = /*#__PURE__*/function (_React$Component) {
  _inheritsLoose(TopBar, _React$Component);
  function TopBar() {
    return _React$Component.apply(this, arguments) || this;
  }
  var _proto = TopBar.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      className: "topBar"
    }, /*#__PURE__*/React.createElement("div", {
      className: "topBarLeft"
    }, this.props.topLeftAreaItems.map(function (item) {
      return /*#__PURE__*/React.createElement("div", {
        className: "item"
      }, item.content);
    })), /*#__PURE__*/React.createElement("div", {
      className: "topBarCenter"
    }, this.props.topCenterAreaItems.map(function (item) {
      return /*#__PURE__*/React.createElement("div", {
        className: "item"
      }, item.content);
    })), /*#__PURE__*/React.createElement("div", {
      className: "topBarRight"
    }, this.props.topRightAreaItems.map(function (item) {
      return /*#__PURE__*/React.createElement("div", {
        className: "item"
      }, item.content);
    })));
  };
  return TopBar;
}(React.Component)) || _class;
export { TopBar as default };