import { CSSProperties } from 'react';
export type ChatParticipantAvatarSize = "xs" | "sm" | "md" | "lg";
export interface ChatParticipantAvatarProps {
    alt?: string;
    className?: string;
    image?: string | null;
    name: string;
    size?: ChatParticipantAvatarSize;
    /** When true, renders a circular ring suitable for stacked groups. */
    stacked?: boolean;
    style?: CSSProperties;
}
/**
 * Circular participant avatar with image or deterministic initials fallback.
 */
export declare function ChatParticipantAvatar({ alt, className, image, name, size, stacked, style }: ChatParticipantAvatarProps): import("react").JSX.Element;
export interface ChatParticipantAvatarStackProps {
    className?: string;
    max?: number;
    participants: ReadonlyArray<{
        id?: string;
        image?: string | null;
        name: string;
    }>;
    size?: ChatParticipantAvatarSize;
}
/**
 * Overlapping avatar stack used in activity headers and room summaries.
 */
export declare function ChatParticipantAvatarStack({ className, max, participants, size }: ChatParticipantAvatarStackProps): import("react").JSX.Element | null;