"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");
var _antd = require("antd");
var _canvasView = _interopRequireDefault(require("./canvasView"));
var _locationTools = _interopRequireDefault(require("./locationTools"));
require("./index.less");
var _class;
var MainArea = exports["default"] = (0, _mobxReact.observer)(_class = /*#__PURE__*/function (_React$Component) {
  (0, _inheritsLoose2["default"])(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["default"].createElement(_antd.Spin, {
        size: "large",
        tip: "\u542F\u52A8\u4E2D...",
        className: "vitis-main-loading"
      });
    }
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "vitis-main-area"
    }, /*#__PURE__*/_react["default"].createElement(_canvasView["default"], null), /*#__PURE__*/_react["default"].createElement(_locationTools["default"], null));
  };
  return MainArea;
}(_react["default"].Component)) || _class;