import React from 'react';
import map from 'lodash/fp/map';
import TitleAndCheckBoxWrapper from '../../molecule/title-and-checkbox-wrapper';
import propTypes from './types';
import style from './style.css';

// @ts-expect-error (need to get the index)
const mapWithIndex = map.convert({
  cap: false
});
const SelectOpponents = props => {
  const {
    items
  } = props;
  return /*#__PURE__*/React.createElement("ul", {
    className: style.container
  }, mapWithIndex((item, key) => {
    return /*#__PURE__*/React.createElement("li", {
      key: `select-opponents-item-${key}`,
      className: item.child.childType === 'image-upload' ? style.itemImageUpload : style.item
    }, /*#__PURE__*/React.createElement(TitleAndCheckBoxWrapper, item));
  }, items));
};
SelectOpponents.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
export default SelectOpponents;
//# sourceMappingURL=index.js.map