import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
var _class;
import React from 'react';
import { observer } from 'mobx-react';
import { Spin } from 'antd';
import CanvasView from './canvasView';
import LocationTools from './locationTools';
import './index.less';
var MainArea = observer(_class = /*#__PURE__*/function (_React$Component) {
  _inheritsLoose(MainArea, _React$Component);
  function MainArea() {
    return _React$Component.apply(this, arguments) || this;
  }
  var _proto = MainArea.prototype;
  _proto.render = function render() {
    if (this.props.componentSpecMap.size < 1) {
      return /*#__PURE__*/React.createElement(Spin, {
        size: "large",
        tip: "\u542F\u52A8\u4E2D...",
        className: "vitis-main-loading"
      });
    }
    return /*#__PURE__*/React.createElement("div", {
      className: "vitis-main-area"
    }, /*#__PURE__*/React.createElement(CanvasView, null), /*#__PURE__*/React.createElement(LocationTools, null));
  };
  return MainArea;
}(React.Component)) || _class;
export { MainArea as default };