import React, { useRef } from 'react';
import { createDndContext, DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
var RNDContext = createDndContext(HTML5Backend);

var DragAndDropHOC = function DragAndDropHOC(props) {
  var manager = useRef(RNDContext);
  return /*#__PURE__*/React.createElement(DndProvider, {
    manager: manager.current.dragDropManager
  }, props.children);
};

export default DragAndDropHOC;