import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
var _class;
import React from 'react';
import { observer } from 'mobx-react';
import './index.less';
var ToolBarArea = observer(_class = /*#__PURE__*/function (_React$Component) {
  _inheritsLoose(ToolBarArea, _React$Component);
  function ToolBarArea() {
    return _React$Component.apply(this, arguments) || this;
  }
  var _proto = ToolBarArea.prototype;
  _proto.render = function render() {
    if (this.props.items.length) {
      return /*#__PURE__*/React.createElement("div", {
        className: "toolBarArea"
      }, this.props.items.map(function (item) {
        return /*#__PURE__*/React.createElement("div", {
          className: "item"
        }, item.content);
      }));
    } else {
      return null;
    }
  };
  return ToolBarArea;
}(React.Component)) || _class;
export { ToolBarArea as default };