import { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase'; import { type ImageBaseOverlayProps } from '../ImageBase/ImageBaseOverlay/ImageBaseOverlay'; import { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge'; import { AvatarBadgeWithPreset, type AvatarBadgeWithPresetProps } from './AvatarBadge/AvatarBadgeWithPreset'; import { getInitialsFontSize } from './helpers'; export type { AvatarBadgeProps, AvatarBadgeWithPresetProps, ImageBaseOverlayProps as AvatarOverlayProps, }; declare const COLORS_NUMBER_TO_TEXT_MAP: { readonly 1: "red"; readonly 2: "orange"; readonly 3: "yellow"; readonly 4: "green"; readonly 5: "l-blue"; readonly 6: "violet"; }; /** * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя. * @example user.id % 6 + 1 */ export type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP; export type InitialsAvatarTextGradients = (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients] | 'blue'; export interface AvatarProps extends Omit { /** * Инициалы пользователя. * * > Note: Если аватарка не прогрузится, то пользователь увидит инициалы. * * > ⚠️ Перебивает `fallbackIcon`. */ initials?: string | undefined; /** * Задаёт градиент для фона. * * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме: * * 1: 'red' * 2: 'orange' * 3: 'yellow' * 4: 'green' * 5: 'l-blue' * 6: 'violet'. * * > Если необходимо задать свой градиент, то используйте значение `"custom"` и определите цвет градиента либо через * > свой класс в `className`, либо через `style={{ backgroundImage: "..." }}`. */ gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients | 'custom' | undefined; } /** * @see https://vkui.io/components/avatar */ export declare const Avatar: React.FC & { Badge: typeof AvatarBadge; BadgeWithPreset: typeof AvatarBadgeWithPreset; Overlay: typeof ImageBase.Overlay; getInitialsFontSize: typeof getInitialsFontSize; }; //# sourceMappingURL=Avatar.d.ts.map