import type { ReactNode } from 'react';
export type ThemedAvatarSize = 40 | 32 | 24 | 18;
export type ThemedAvatarShape = 'circular' | 'rounded' | 'square';
export interface ThemedAvatarProps {
    /** Initials or any text content. */
    children?: ReactNode;
    /** Image src — takes precedence over children/icon. */
    src?: string;
    alt?: string;
    size?: ThemedAvatarSize;
    shape?: ThemedAvatarShape;
    /** Show green status badge. */
    badge?: boolean;
}
export interface ThemedAvatarGroupProps {
    children: ReactNode;
    max?: number;
    size?: ThemedAvatarSize;
}
/**
 * An Inflow avatar with the design system's fixed size, shape, and status-badge system.
 */
export declare const ThemedAvatar: import("react").ForwardRefExoticComponent<ThemedAvatarProps & import("react").RefAttributes<HTMLDivElement>>;
/**
 * An Inflow avatar group with fixed overlap, item rings, and an overflow count.
 */
export declare const ThemedAvatarGroup: import("react").ForwardRefExoticComponent<ThemedAvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=ThemedAvatar.d.ts.map