import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
import { u as useViewHandler, w as wcPlannerMsgContainerParent, d as expanded, m as mobile, f as PlannerMsgItem } from './index-bbdfb97a.js';
import classnames from 'classnames';
import { observer } from 'mobx-react-lite';
import 'react';
import { 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 '@babel/runtime/helpers/toConsumableArray';
import '@crystaldesign/diva-utils';
import 'mobx';
import '@crystaldesign/web-planner-logic';
import 'qrcode.react';
import '@babel/runtime/helpers/typeof';
import 'flat';
import 'react-switch';
import 'react-countup';

var PlannerMsgContainer = function PlannerMsgContainer(_ref) {
  _objectDestructuringEmpty(_ref);
  var viewHandler = useViewHandler();
  return /*#__PURE__*/jsx("div", {
    className: classnames(wcPlannerMsgContainerParent, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined),
    children: viewHandler.productState.plannerMessagesArr.map(function (item) {
      return /*#__PURE__*/jsx(PlannerMsgItem, {
        item: item[1],
        codex: item[0]
      }, item[0]);
    })
  });
};
var PlannerMsgContainer$1 = observer(PlannerMsgContainer);

export { PlannerMsgContainer$1 as default };
