import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
import { c as usePlannerUIHandler } from './index-bbdfb97a.js';
import { observer } from 'mobx-react-lite';
import 'react';
import Outline3D from './index-86a0006b.js';
import ItemsContainer from './index-7581626d.js';
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
import '@babel/runtime/helpers/defineProperty';
import 'react-dynamic-multi-render';
import '@crystaldesign/diva-core';
import '@babel/runtime/helpers/asyncToGenerator';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/regenerator';
import '@babel/runtime/helpers/classCallCheck';
import '@babel/runtime/helpers/createClass';
import '@crystaldesign/diva-utils';
import 'mobx';
import '@crystaldesign/web-planner-logic';
import 'classnames';
import 'qrcode.react';
import '@babel/runtime/helpers/typeof';
import 'flat';
import 'react-switch';
import 'react-countup';
import './index-0baec79b.js';
import './index-09fc0eee.js';
import './index-99e28796.js';
import './index-bfb5e6c6.js';
import './index-62c3ee59.js';
import './index-5b27c9c8.js';
import './index-c5261bd1.js';
import './index-92be0503.js';
import './index-e0dc5b8b.js';
import './index-740273be.js';
import './index-fab3bff9.js';
import 'react-draggable';
import './index-1862a023.js';
import './index-be22d93d.js';
import './index-b5106361.js';

var PlannerUI = function PlannerUI(_ref) {
  var plannerUIProps = _ref.plannerUIProps;
  var plannerUIHandler = usePlannerUIHandler();
  var uiItems = plannerUIHandler.getItems();
  var uiOutline3DItemsArr = plannerUIHandler.getItemsOutline3D();
  return /*#__PURE__*/jsxs(Fragment, {
    children: [_toConsumableArray(uiItems.keys()).map(function (setId) {
      return _toConsumableArray(uiItems.get(setId).keys()).map(function (elementId) {
        return /*#__PURE__*/jsx(ItemsContainer, {
          plannerUIProps: plannerUIProps,
          items: uiItems.get(setId).get(elementId)
        }, setId + '_' + elementId);
      });
    }), /*#__PURE__*/jsx(Outline3D, {
      items: uiOutline3DItemsArr,
      plannerUIProps: plannerUIProps
    })]
  });
};
var PlannerUI$1 = observer(PlannerUI);

export { PlannerUI$1 as default };
