import * as React from 'react';
import type { HTMLAttributesWithRootRef } from '../../types';
export type UsersStackRenderWrapperProps = {
/**
* Контент для обертки.
*/
children: React.ReactElement;
/**
* Путь до фотографии.
*/
['data-src']: string;
};
export type UsersStackPhoto = {
/**
* Путь до фотографии.
*/
src: string;
/**
* Функция для рендера обертки над фотографией.
*/
renderWrapper?: (props: UsersStackRenderWrapperProps) => React.ReactElement;
};
export interface UsersStackProps extends HTMLAttributesWithRootRef {
/**
* Массив ссылок на фотографии либо массив структур типа `UsersStackPhoto`.
*/
photos?: string[] | UsersStackPhoto[];
/**
* Размер аватарок.
*/
size?: 's' | 'm' | 'l';
/**
* Количество аватарок, которые будут показаны.
* Если в массиве `photos` больше элементов и не используется размер `s`, то будет показано количество остальных элементов.
*/
visibleCount?: number;
/**
* Число, которое будет указано в счетчике.
* По умолчанию высчитывается по формуле `photos.length - visibleCount`.
* Если число больше 99, то счетчик скроется.
*/
count?: number;
/**
* Определяет положение аватаров
* Режим `block-start` рекомендуется использовать с размером `m`.
*/
avatarsPosition?: 'inline-start' | 'block-start' | 'inline-end';
}
/**
* @see https://vkui.io/components/users-stack
*/
export declare const UsersStack: ({ photos, visibleCount, count, size, children, avatarsPosition, ...restProps }: UsersStackProps) => React.ReactNode;
//# sourceMappingURL=UsersStack.d.ts.map