/**
 * @file AvatarGroupOverflow.tsx
 * @input Uses React, StyleX, AvatarGroupContext, i18n (useTranslator)
 * @output Exports AvatarGroupOverflow for overflow indicator
 * @position Slot component used inside AvatarGroup
 *
 * SYNC: When modified, update these files to stay in sync:
 * - /packages/core/src/AvatarGroup/AvatarGroup.doc.mjs
 * - /packages/core/src/AvatarGroup/index.ts
 * - /packages/cli/assets/templates/blocks/components/AvatarGroup/ (showcase blocks)
 */
import React, { type ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
export interface AvatarGroupOverflowProps extends Omit<BaseProps<HTMLElement>, 'onClick'> {
    ref?: React.Ref<HTMLElement>;
    /**
     * The overflow count to display.
     */
    count: number;
    /**
     * Callback fired when the overflow indicator is clicked.
     * When provided, the indicator renders as a focusable button.
     */
    onClick?: () => void;
    /**
     * Custom content to render instead of the default "+N" label.
     */
    children?: ReactNode;
}
/**
 * Overflow indicator for AvatarGroup. Shows a "+N" count and
 * optionally handles clicks.
 *
 * @example
 * ```
 * <AvatarGroup size="lg">
 *   {users.slice(0, 3).map(u => (
 *     <Avatar key={u.id} src={u.src} name={u.name} />
 *   ))}
 *   <AvatarGroupOverflow count={users.length - 3} onClick={showAll} />
 * </AvatarGroup>
 * ```
 */
export declare function AvatarGroupOverflow({ ref, count, onClick, children, xstyle, className, style, ...rest }: AvatarGroupOverflowProps): ReactNode;
export declare namespace AvatarGroupOverflow {
    var displayName: string;
}
//# sourceMappingURL=AvatarGroupOverflow.d.ts.map