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

Wulper Studio Library Components CMS

/* eslint-disable react/no-array-index-key */
import React from 'react';
import { Avatar } from '@mui/material';
import { CustomAvatarGroup } from './styled';
import { jsx as _jsx } from "react/jsx-runtime";
var GroupAvatars = function GroupAvatars(props) {
  var _props$group;
  return /*#__PURE__*/_jsx(CustomAvatarGroup, Object.assign({}, props.avatarGroupProps, {
    children: props == null || (_props$group = props.group) == null ? void 0 : _props$group.map(function (gr, i) {
      return /*#__PURE__*/_jsx(Avatar, {
        alt: gr.text,
        src: gr.url
      }, i);
    })
  }));
};
export default GroupAvatars;