"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 _topBar = _interopRequireDefault(require("./topBar"));
var _bottomBar = _interopRequireDefault(require("./bottomBar"));
var _mainArea = _interopRequireDefault(require("./mainArea"));
var _leftArea = _interopRequireDefault(require("./leftArea"));
var _rightArea = _interopRequireDefault(require("./rightArea"));
var _toolBar = _interopRequireDefault(require("./toolBar"));
require("./workbench.less");
var Workbench = exports["default"] = /*#__PURE__*/function (_React$Component) {
  (0, _inheritsLoose2["default"])(Workbench, _React$Component);
  function Workbench() {
    return _React$Component.apply(this, arguments) || this;
  }
  var _proto = Workbench.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "vitis-workbench"
    }, /*#__PURE__*/_react["default"].createElement(_topBar["default"], {
      topLeftAreaItems: this.props.skeleton.topLeftArea.items,
      topRightAreaItems: this.props.skeleton.topRightArea.items,
      topCenterAreaItems: this.props.skeleton.topCenterArea.items
    }), /*#__PURE__*/_react["default"].createElement("div", {
      className: "vitis-workbench-body"
    }, /*#__PURE__*/_react["default"].createElement(_leftArea["default"], {
      items: this.props.skeleton.leftArea.items
    }), /*#__PURE__*/_react["default"].createElement("div", {
      className: "vitis-workbench-center"
    }, /*#__PURE__*/_react["default"].createElement(_toolBar["default"], {
      items: this.props.skeleton.toolbarArea.items
    }), /*#__PURE__*/_react["default"].createElement(_mainArea["default"], {
      componentSpecMap: this.props.project.designer.componentSpecMap
    })), /*#__PURE__*/_react["default"].createElement(_rightArea["default"], {
      designer: this.props.project.designer
    })), /*#__PURE__*/_react["default"].createElement(_bottomBar["default"], {
      items: this.props.skeleton.bottomArea.items
    }));
  };
  return Workbench;
}(_react["default"].Component);