"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _battleRequest = _interopRequireDefault(require("../../battle-request"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const BattleRequestList = /*#__PURE__*/_react.default.memo(function BattleRequestList(props) {
  const {
    requests
  } = props;
  const cards = requests.map((request, key) => {
    return /*#__PURE__*/_react.default.createElement("div", {
      className: _style.default.card,
      key: key
    }, /*#__PURE__*/_react.default.createElement(_battleRequest.default, request));
  });
  return /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.list,
    "data-name": "battle-request-list"
  }, cards);
});
BattleRequestList.propTypes = process.env.NODE_ENV !== "production" ? {
  requests: _propTypes.default.arrayOf(_propTypes.default.shape(_battleRequest.default.propTypes))
} : {};
var _default = exports.default = BattleRequestList;
//# sourceMappingURL=index.js.map