import React, { type ReactElement } from "react"; import { type AvatarProps } from "../Avatar/Avatar"; import type VibeComponentProps from "../../types/VibeComponentProps"; import { type AvatarSize, type AvatarType } from "../Avatar/Avatar.types"; import { type TooltipProps } from "@vibe/tooltip"; import { type AvatarGroupCounterVisualProps } from "./AvatarGroup.types"; export interface AvatarGroupProps extends VibeComponentProps { /** * Class name applied to each avatar. */ avatarClassName?: string; /** * The avatars displayed in the group. */ children?: ReactElement | ReactElement[]; /** * The size of the avatars in the group. */ size?: AvatarSize; /** * The type of the avatars in the group. */ type?: AvatarType; /** * The maximum number of avatars displayed before showing a counter. */ max?: number; /** * Props for customizing the counter display. */ counterProps?: AvatarGroupCounterVisualProps; /** * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs). */ counterTooltipCustomProps?: Partial; /** * If true, the counter tooltip uses a virtualized list for performance optimization. */ counterTooltipIsVirtualizedList?: boolean; /** * If true, the component is disabled and non-interactive. */ disabled?: boolean; } declare const AvatarGroup: React.FC; export default AvatarGroup;