import React from 'react';
import { Direction } from './types';
import { BoxProps } from '../box/Box';
import { GenericComponent } from '../../@types/types';
import { SIZES } from '../../constants';
interface AvatarStackProps extends Omit<BoxProps, 'size' | 'ref'> {
    /** The avatars to display in a stack. */
    children: React.ReactNode;
    /** A class name for the wrapper to give custom styles. */
    className?: string;
    /** The direction in which the avatars will be rendered. */
    direction?: Direction;
    /** The maximum amount of avatars to render. */
    displayMax?: number;
    /** If true, component will be rendered in inverse mode. */
    inverse?: boolean;
    /** Function to get the names overflow label that is displayed in the tooltip when it overflows. It get's the overflow amount as a parameter. */
    getNamesOverflowLabel?: (overflowAmount: number) => string;
    /** Callback function that is fired when the overflow circle is clicked. */
    onOverflowClick?: () => void;
    /** If true, avatars will not be overlapping each other and will become interactive. */
    selectable?: boolean;
    /** The size of the avatar stack. */
    size?: Exclude<typeof SIZES[number], 'fullscreen' | 'smallest'>;
    /** If true, the names will be shown in a tooltip on hover. */
    tooltip?: boolean;
}
declare const AvatarStack: GenericComponent<AvatarStackProps>;
export default AvatarStack;
