import type { HTMLAttributes } from 'react';
export type AvatarStackProps = {
    /**
     *  Adjusts gap-mask between avatars in the stack. Must be a valid css length value (px, em, rem, var(--ds-size-1) etc.)
     *  @default 2px
     */
    gap?: string;
    /**
     *  Control the size of the avatars. Must be a valid css length value (px, em, rem, var(--ds-size-12) etc.)
     *  @default 'var(--ds-size-12)'
     */
    avatarSize?: string;
    /**
     *  A number which represents the percentage value of how much avatars should overlap.
     *  @default 50
     */
    overlap?: number;
    /**
     *  Text to the right of the avatars to show a number representing additional avatars not shown such as '+5'".
     */
    suffix?: string;
    /**
     *  Expand on hover to show full avatars.
     *  'fixed': AvatarStack physical width does not change when avatars are expanded.
     *  @default undefined
     */
    expandable?: 'fixed' | true;
} & HTMLAttributes<HTMLSpanElement>;
/**
 * Use `AvatarStack` to constrain Avatars into a stack.
 *
 * @example
 * <EXPERIMENTAL_AvatarStack>
 *   <Avatar aria-label='name'>
 *     <img src={cat1} alt='' />
 *   </Avatar>
 *   <Avatar aria-label='name'>
 *     <BriefcaseIcon />
 *   </Avatar>
 *   <Avatar aria-label='name' initials='sm' />
 * </EXPERIMENTAL_AvatarStack>
 */
export declare const EXPERIMENTAL_AvatarStack: import("react").ForwardRefExoticComponent<{
    /**
     *  Adjusts gap-mask between avatars in the stack. Must be a valid css length value (px, em, rem, var(--ds-size-1) etc.)
     *  @default 2px
     */
    gap?: string;
    /**
     *  Control the size of the avatars. Must be a valid css length value (px, em, rem, var(--ds-size-12) etc.)
     *  @default 'var(--ds-size-12)'
     */
    avatarSize?: string;
    /**
     *  A number which represents the percentage value of how much avatars should overlap.
     *  @default 50
     */
    overlap?: number;
    /**
     *  Text to the right of the avatars to show a number representing additional avatars not shown such as '+5'".
     */
    suffix?: string;
    /**
     *  Expand on hover to show full avatars.
     *  'fixed': AvatarStack physical width does not change when avatars are expanded.
     *  @default undefined
     */
    expandable?: "fixed" | true;
} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
//# sourceMappingURL=avatar-stack.d.ts.map