"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = GroupParticipants;

var _react = _interopRequireDefault(require("react"));

var _avatarList = _interopRequireDefault(require("../common/avatar-list"));

require("./index.less");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function GroupParticipants(props) {
  var _props$data = props.data,
      data = _props$data === void 0 ? {} : _props$data;
  return /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      position: 'relative',
      height: '40px'
    }
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "group-participants-box",
    style: data.backgroundImage ? {
      backgroundImage: "url(".concat(data.backgroundImage, ")")
    } : {}
  }, /*#__PURE__*/_react["default"].createElement(_avatarList["default"], {
    list: data.list,
    num: 5,
    showAdd: false
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "group-total"
  }, data.total, "+")));
}