"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var GameLayout = function GameLayout() {
  return _react["default"].createElement("div", {
    style: {
      height: 'calc(100vh - 20px)',
      display: 'flex'
    }
  }, _react["default"].createElement("div", {
    style: {
      flex: 'auto',
      display: 'flex'
    }
  }, _react["default"].createElement("div", {
    style: {
      flex: '1',
      maxWidth: '50%'
    }
  }, _react["default"].createElement(RobocatGame, {
    ref: game,
    editor: editor
  })), _react["default"].createElement("div", {
    style: {
      flex: '1',
      display: 'flex',
      flexDirection: 'column',
      padding: 0
    }
  }, _react["default"].createElement("div", {
    style: {
      flex: 'auto'
    }
  }, _react["default"].createElement(CodeCardEditor, {
    ref: editor
  })), _react["default"].createElement(GameController, {
    onRun: handleRun
  }))));
};

var _default = GameLayout;
exports["default"] = _default;