import React from 'react';
import PropTypes from 'prop-types';
import BattleRequest from '../../battle-request';
import style from './style.css';
const BattleRequestList = /*#__PURE__*/React.memo(function BattleRequestList(props) {
  const {
    requests
  } = props;
  const cards = requests.map((request, key) => {
    return /*#__PURE__*/React.createElement("div", {
      className: style.card,
      key: key
    }, /*#__PURE__*/React.createElement(BattleRequest, request));
  });
  return /*#__PURE__*/React.createElement("div", {
    className: style.list,
    "data-name": "battle-request-list"
  }, cards);
});
BattleRequestList.propTypes = process.env.NODE_ENV !== "production" ? {
  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))
} : {};
export default BattleRequestList;
//# sourceMappingURL=index.js.map