function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React, { useMemo } from 'react';
import get from 'lodash/fp/get';
import map from 'lodash/fp/map';
import { v5 as uuidV5 } from 'uuid';
import BattleOpponent from '../../atom/battle-opponent';
import propTypes from './prop-types';
import style from './style.css';
const BattleOpponentList = ({
  opponents
}) => {
  const opponentList = useMemo(() => map(opponent => /*#__PURE__*/React.createElement(BattleOpponent, _extends({}, opponent, {
    key: uuidV5('battle-', uuidV5.URL),
    userAvatarSrc: get('photo', opponent)
  })), opponents), [opponents]);
  return /*#__PURE__*/React.createElement("ul", {
    className: style.opponentList
  }, opponentList);
};
BattleOpponentList.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
export default BattleOpponentList;
//# sourceMappingURL=index.js.map