"use strict";

exports.__esModule = true;
exports.default = void 0;
var _map2 = _interopRequireDefault(require("lodash/fp/map"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _inputFileDraggable = _interopRequireDefault(require("../../atom/input-file-draggable"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const DragAndDropWrapper = props => {
  const {
    list = [],
    'data-name': dataName
  } = props;
  const dragAndDropList = (0, _map2.default)(dragAndDropProps => {
    return /*#__PURE__*/_react.default.createElement("li", {
      className: _style.default.dragAndDrop,
      key: `dragAndDrop-${dragAndDropProps.title}`
    }, /*#__PURE__*/_react.default.createElement(_inputFileDraggable.default, dragAndDropProps));
  }, list);
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("ul", {
    className: _style.default.group,
    "data-name": dataName
  }, dragAndDropList));
};
DragAndDropWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
  list: _propTypes.default.arrayOf(_propTypes.default.shape(_inputFileDraggable.default.propTypes)),
  'data-name': _propTypes.default.string
} : {};
var _default = exports.default = DragAndDropWrapper;
//# sourceMappingURL=index.js.map