"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 }; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var MagicBox = function MagicBox(_ref) {
  var children = _ref.children,
      onComponentClick = _ref.onComponentClick,
      pageModuleName = _ref.pageModuleName,
      commonConfig = _ref.commonConfig;
  return /*#__PURE__*/_react["default"].createElement("div", {
    id: pageModuleName,
    style: _objectSpread({}, commonConfig)
  }, /*#__PURE__*/_react["default"].createElement("div", {
    onClick: onComponentClick
  }, children));
};

MagicBox.defaultProps = {
  mode: 'designer'
};
var _default = MagicBox;
exports["default"] = _default;