import { u as useViewHandler } from './index-bbdfb97a.js';
import { observer } from 'mobx-react-lite';
import 'react';
import NavBar from './index-10375806.js';
import { b as wcConfigurator3Dimage, d as imageCenterOrbit, e as imageCenterStatic } from './index.module-19cb4aaa.js';
import { jsxs, 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 'classnames';
import 'qrcode.react';
import '@babel/runtime/helpers/typeof';
import 'flat';
import 'react-switch';
import 'react-countup';

var Planner3DImage = function Planner3DImage(props) {
  var viewHandler = useViewHandler();
  return /*#__PURE__*/jsxs("div", {
    ref: function ref(_ref) {
      return viewHandler.productState.setImage3DElement(_ref);
    },
    className: wcConfigurator3Dimage,
    id: "3DImage-Container",
    style: {
      // backgroundImage: viewHandler.productState.RenderImageURL,
      visibility: viewHandler.productState.doShowRenderImage ? 'visible' : 'hidden'
    },
    children: [/*#__PURE__*/jsx(NavBar, {}), /*#__PURE__*/jsx("img", {
      className: !viewHandler.productState.plannerRenderingIsStaticBG ? imageCenterOrbit : imageCenterStatic,
      id: "diva3dImg",
      draggable: "false",
      src: viewHandler.productState.diva3dImgSrc
    })]
  });
};
var Planner3DImage$1 = observer(Planner3DImage);

export { Planner3DImage$1 as default };
