"use strict";

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

var _reactContainerDimensions = _interopRequireDefault(require("react-container-dimensions"));

var _propTypes = _interopRequireDefault(require("prop-types"));

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

var _styled = _interopRequireDefault(require("@emotion/styled"));

var _constants = require("../utils/constants");

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

var DecisionTreeContainerDiv =
/*#__PURE__*/
(0, _styled.default)('div', {
  target: "eb75ecb0"
})("*,*:before,*:after{box-sizing:border-box;}width:100%;height:100%;min-width:", _constants.NODE_WIDTH + 2 * _constants.NODE_WIDTH_MARGIN, "px;min-height:", _constants.NODE_HEIGHT + 2 * _constants.NODE_HEIGHT, "px;");

var DecisionTreeContainer = function DecisionTreeContainer(_ref) {
  var children = _ref.children,
      _ref$style = _ref.style,
      style = _ref$style === void 0 ? {} : _ref$style;
  return _react.default.createElement(DecisionTreeContainerDiv, {
    style: style
  }, _react.default.createElement(_reactContainerDimensions.default, null, children));
};

DecisionTreeContainer.propTypes = {
  children: _propTypes.default.func.isRequired,
  style: _propTypes.default.object
};
var _default = DecisionTreeContainer;
exports.default = _default;