"use strict";

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

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

var _CodeEditor = _interopRequireDefault(require("../CodeEditor"));

var _GameController = _interopRequireDefault(require("../GameController"));

var _SampleGame = _interopRequireDefault(require("../SampleGame"));

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

var GameContainer = function GameContainer(_ref) {
  var _ref$editor = _ref.editor,
      EditorComponent = _ref$editor === void 0 ? _CodeEditor["default"] : _ref$editor,
      _ref$controller = _ref.controller,
      ControllerComponent = _ref$controller === void 0 ? _GameController["default"] : _ref$controller,
      _ref$game = _ref.game,
      GameComponent = _ref$game === void 0 ? _SampleGame["default"] : _ref$game;
  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(GameComponent, null)), _react["default"].createElement("div", {
    style: {
      flex: '1',
      display: 'flex',
      flexDirection: 'column',
      padding: 0
    }
  }, _react["default"].createElement("div", {
    style: {
      flex: 'auto'
    }
  }, _react["default"].createElement(EditorComponent, null)), _react["default"].createElement(ControllerComponent, null))));
};

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