import type { AvatarProps } from '../Avatar'; export type GroupType = 'stretched' | 'condensed'; export type AvatarGroupSize = 'medium' | 'small' | 'tiny'; export type AvatarItemProps = { /** Defines a string that labels the current element in case where text label isn't visible on the screen. */ ariaLabel?: AvatarProps['ariaLabel']; /** * Controls the background color of the avatar. If not provided, * the group assigns one of 6 colors by the avatar's position, starting from a random color on page load. */ color?: AvatarProps['color']; /** Accept all common `` tag properties. */ imgProps?: AvatarProps['imgProps']; /** * Defines a name of the avatar user. Text initials are generated from the name. * The name value is used as default value for HTML title and `aria-label` attributes, * and also as default value for the image's alt attribute if `imgProps` is provided. */ name?: AvatarProps['name']; /** Defines a text to render as a content instead of a given `name`. */ text?: AvatarProps['text']; /** * Has no effect, and never had one. `AvatarGroup` doesn't pass it to the avatar, so clicking an avatar doesn't call it. * @deprecated Has no effect. Remove it from your items. */ onClick?: AvatarProps['onClick']; /** * Accept any content to render as a content placeholder. This placeholder is displayed if no text, name or imgProps are provided. * By default use a generic avatar user icon. */ placeholder?: AvatarProps['placeholder']; /** Defines a standard HTML title attribute value. Applies it to the root element. */ title?: AvatarProps['title']; /** * Applies a data-hook HTML attribute that can be used in the tests. */ dataHook?: AvatarProps['dataHook']; }; export type AvatarGroupProps = { /** * Applies a data-hook HTML attribute that can be used in the tests. */ dataHook?: string; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** * Changes the way avatars are displayed inside the group. */ type?: GroupType; /** * Changes the size of avatars in the group. */ size?: AvatarGroupSize; /** * Separates the first avatar with a divider from the rest of the group. */ showDivider?: boolean; /** * Sets the maximum number of avatars to be displayed. Avatars that exceed this limit are hidden under the "+N" item. * @default 5 */ maxItems?: number; /** * Use to pass an array of avatars. */ items: AvatarItemProps[]; }; //# sourceMappingURL=AvatarGroup.types.d.ts.map