@wulperstudio/cms/node/components/GroupAvatars/GroupAvatars.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
/* eslint-disable react/no-array-index-key */

var GroupAvatars = function GroupAvatars(props) {
  var _props$group;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.CustomAvatarGroup, Object.assign({}, props.avatarGroupProps, {
    children: props == null || (_props$group = props.group) == null ? void 0 : _props$group.map(function (gr, i) {
      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
        alt: gr.text,
        src: gr.url
      }, i);
    })
  }));
};
var _default = exports["default"] = GroupAvatars;