import { ReactNode } from 'react';
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type AvatarShape = 'circle' | 'square' | 'rounded';
export type AvatarTone = 1 | 2 | 3 | 4;
export interface AvatarProps {
    src?: string;
    alt?: string;
    /** Falls back to initials when no src or src fails. */
    name?: string;
    icon?: string;
    size?: AvatarSize;
    shape?: AvatarShape;
    /** Color tone for the initials background. 1=primary, 2=secondary, 3=tertiary, 4=error. */
    tone?: AvatarTone;
    className?: string;
}
export declare function Avatar({ src, alt, name, icon, size, shape, tone, className }: AvatarProps): import("react/jsx-runtime").JSX.Element;
export interface AvatarGroupProps {
    max?: number;
    size?: AvatarSize;
    children: ReactNode;
}
export declare function AvatarGroup({ max, size, children }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;