import React from 'react';
import AvatarList from '../common/avatar-list';
import './index.less';
export default function GroupParticipants(props) {
  var _props$data = props.data,
      data = _props$data === void 0 ? {} : _props$data;
  return /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'relative',
      height: '40px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    className: "group-participants-box",
    style: data.backgroundImage ? {
      backgroundImage: "url(".concat(data.backgroundImage, ")")
    } : {}
  }, /*#__PURE__*/React.createElement(AvatarList, {
    list: data.list,
    num: 5,
    showAdd: false
  }), /*#__PURE__*/React.createElement("div", {
    className: "group-total"
  }, data.total, "+")));
}