import { s as styleInject } from './index-bbdfb97a.js';
import 'react';
import { observer } from 'mobx-react-lite';
import Item from './index-409bde34.js';
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 'classnames';
import 'qrcode.react';
import '@babel/runtime/helpers/typeof';
import 'flat';
import 'react-switch';
import 'react-countup';
import 'react-laag';
import './index-7635bafb.js';

var wrapper = "wrapper-Da1y8";
var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";
styleInject(css_248z);

var SelectedOpv = function SelectedOpv(_ref) {
  var item = _ref.item,
    selectedElements = _ref.selectedElements;
  return /*#__PURE__*/jsx("div", {
    className: wrapper,
    style: {
      marginTop: selectedElements.length ? 16 : undefined
    },
    children: selectedElements.map(function (selectedElement, i) {
      return /*#__PURE__*/jsx(Item, {
        selectedElement: selectedElement,
        paletteId: item.id
      }, selectedElement.codex);
    })
  });
};
var SelectedOpv$1 = observer(SelectedOpv);

export { SelectedOpv$1 as default };
