Avatar Group

import { AvatarGroup } from '@/components/ui/avatar-group';

<AvatarGroup
  avatars={avatars}
  max={4}
  renderAvatar={(avatar, index) => (
    <CustomAvatar
      key={avatar.id}
      name={avatar.name}
      image={avatar.image}
    />
  )}
/>