import { type ComponentPropsWithoutRef } from 'react';
import { type BadgeSize } from '../Badge';
export type GroupAvatarMember = {
    imageUrl?: string;
    userName?: string;
    id?: string;
};
export type GroupAvatarProps = {
    /** List of members to show as avatars; at most 2 when there's more than 4 members, otherwise 4. Defaults to [] when omitted. */
    displayMembers?: GroupAvatarMember[];
    size: '2xl' | 'xl' | 'lg' | (string & {}) | null;
    badgeSize?: BadgeSize;
    isOnline?: boolean;
} & ComponentPropsWithoutRef<'div'>;
/**
 * Avatar component to display multiple users' avatars in a group.
 * Renders a single Avatar if fewer than 2 members. Otherwise, renders up to 2 avatars (when overflowCount is set) or 4, plus an optional +N badge.
 */
export declare const GroupAvatar: ({ badgeSize, className, displayMembers, isOnline, size, ...rest }: GroupAvatarProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=GroupAvatar.d.ts.map