Stacked avatar

import { StackedAvatar } from "<path-to-ui-components>/stacked-avatar";

const avatars = [
  { src: "https://github.com/akashaorg.png", alt: "@akashaorg" },
  { src: "https://github.com/akashaorg.png", alt: "@akashaorg" },
  { src: "https://github.com/akashaorg.png", alt: "@akashaorg" },
  { src: "https://github.com/akashaorg.png", alt: "@akashaorg" },
];
return (
  <StackedAvatar size={avatars.length}>
    {(index) => (
      <ProfileAvatar>
        <ProfileAvatarImage src={avatars[index].src} alt={avatars[index].alt} />
        <ProfileAvatarFallback />
      </ProfileAvatar>
    )}
  </StackedAvatar>
);