import { AvatarProps as CoreAvatarProps } from './internal/Avatar';
import { DistributiveOmit } from '../../types';
/**
 * Props for the Avatar component
 * @property {string} name - Full name used for alt text and screen reader
 * @property {string} [color] - Custom color of the Avatar
 * @property {string} [image] - Image source to be used for Avatar
 * @property {"small" | "medium" | "large"} [size] - Size of the Avatar
 * @property {"online" | "offline"} [status] - Online status of the Avatar
 * @extends ComponentPropsWithoutRef<"span">
 * @extends Omit<AvatarBaseProps, "initials">
 * @extends Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink">
 * @extends DataTrackingId
 */
export type AvatarProps = DistributiveOmit<CoreAvatarProps, "size"> & {
    size?: Extract<CoreAvatarProps["size"], "small" | "medium" | "large">;
};
/**
 * Avatar component for displaying user avatars with initials or images.
 *
 * Features:
 * - Displays user initials when no image is provided
 * - Supports custom colors and sizes
 * - Shows online/offline status
 * - Fully accessible with screen reader support
 * - Automatic image fallback handling
 * - Automatic tracking ID generation for analytics
 *
 * @example
 * <Avatar name="John Doe" size="medium" status="online" />
 */
export declare const Avatar: import('react').ForwardRefExoticComponent<Omit<CoreAvatarProps, "size"> & {
    size?: Extract<CoreAvatarProps["size"], "small" | "medium" | "large">;
} & import('react').RefAttributes<HTMLSpanElement>> & {
    /**
     * AvatarGroup component for displaying multiple avatars in a group.
     *
     * Features:
     * - Displays multiple avatars in a stacked layout
     * - Handles overflow with a count indicator
     * - Maintains consistent sizing across all avatars
     * - Supports custom styling and layout
     * - Automatically adjusts z-index for proper stacking
     * - Fully accessible with screen reader support
     *
     * @example
     * <Avatar.Group max={3}>
     *   <Avatar name="John Doe" />
     *   <Avatar name="Jane Smith" />
     *   <Avatar name="Bob Johnson" />
     *   <Avatar name="Alice Brown" />
     * </Avatar.Group>
     */
    Group: import('react').ForwardRefExoticComponent<import('..').LayoutUtilProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        max?: number;
    } & import('react').RefAttributes<HTMLSpanElement>>;
};
