"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _map = _interopRequireDefault(require("lodash/fp/map"));
var _titleAndCheckboxWrapper = _interopRequireDefault(require("../../molecule/title-and-checkbox-wrapper"));
var _types = _interopRequireDefault(require("./types"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
// @ts-expect-error (need to get the index)
const mapWithIndex = _map.default.convert({
  cap: false
});
const SelectOpponents = props => {
  const {
    items
  } = props;
  return /*#__PURE__*/_react.default.createElement("ul", {
    className: _style.default.container
  }, mapWithIndex((item, key) => {
    return /*#__PURE__*/_react.default.createElement("li", {
      key: `select-opponents-item-${key}`,
      className: item.child.childType === 'image-upload' ? _style.default.itemImageUpload : _style.default.item
    }, /*#__PURE__*/_react.default.createElement(_titleAndCheckboxWrapper.default, item));
  }, items));
};
SelectOpponents.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
var _default = exports.default = SelectOpponents;
//# sourceMappingURL=index.js.map