import React from 'react'; import { AvatarGroupSize } from './style'; interface IAvatarGroupAvatar { /** The initials within the avatar (when the image fails to load) */ initials?: string; /** The image url to display as an avatar */ imageUrl?: string; /** Alt text for the image url (unused if no image) */ alt?: string; /** The component context for this individual avatar in the group */ componentContext?: string; } interface IAvatarGroup { /** The list of avatars to show in the group */ avatars: IAvatarGroupAvatar[]; /** Size of the avatar group */ size?: AvatarGroupSize; /** The max number of avatars to display in the group; set to null for no limit */ maxAvatarCount?: number | null; /** Whether to show an additional count if more avatars are provided than shown */ showOverflowCount?: boolean; /** Whether the avatar group should have hover styles */ isHoverable?: boolean; /** Onclick event for the avatar group */ onClick?: (event: React.MouseEvent) => void; /** Component context */ componentContext?: string; /** Inner ref to the wrapper */ wrapperRef?: React.RefObject; /** Wrapper props passthrough */ wrapperOverrides?: any; } interface IAvatarGroupState { /** Indexes of avatars which failed to load */ avatarsFailedLoading: Set; } declare class AvatarGroup extends React.PureComponent, IAvatarGroupState> { static defaultProps: Partial; constructor(props: IAvatarGroup); render(): JSX.Element; private get truncatedAvatars(); private getAvatarForProps; private handleImageError; } export { IAvatarGroupAvatar, IAvatarGroup, AvatarGroup };