import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../types';
/**
 * Props for the AvatarGroup component
 * @property {number} [max] - Maximum number of avatars to display before truncating
 * @extends LayoutUtilProps
 * @extends ComponentPropsWithoutRef<"span">
 */
export type AvatarGroupProps = LayoutUtilProps & ComponentPropsWithoutRef<"span"> & {
    /**
     * Max child to show before truncating
     */
    max?: number;
};
/**
 * 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>
 */
export declare const AvatarGroup: import('react').ForwardRefExoticComponent<LayoutUtilProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    /**
     * Max child to show before truncating
     */
    max?: number;
} & import('react').RefAttributes<HTMLSpanElement>>;