import type { ComponentProps, FC, PropsWithChildren } from "react"; import { KeepPositions, KeepShapes, KeepSizes } from "../../Keep/KeepTheme"; export interface keepAvatarTheme { base: string; bordered: string; img: { off: string; on: string; }; size: AvatarSizes; customStatusIcon: AvatarSizes; rounded: string; shape: { square: string; round: string; roundSquare: AvatarSizes; }; stacked: string; status: { away: string; busy: string; offline: string; online: string; }; statusType: { type: AvatarStatusType; size: KeepAvatarStatusTypeSize; fontSize: KeepAvatarStatusFontSize; }; statusPosition: { square: KeepAvatarStatusPositions; round: KeepAvatarStatusPositions; roundSquare: KeepAvatarStatusPositions; }; groupCounter: { base: string; }; add: { base: string; iconSize: AvatarSizes; }; } export interface AvatarSizes extends Pick { [key: string]: string; } export interface AvatarShape extends Pick { [key: string]: string; } export interface AvatarStatusType extends Pick { [key: string]: string; } export interface AvatarStatusPositions extends Pick { [key: string]: string; } export interface KeepAvatarStatusType { dot: string; notification: string; } export interface KeepAvatarStatusTypeSize { dot: AvatarSizes; notification: AvatarSizes; } export interface StatusPositions { xs: AvatarStatusPositions; sm: AvatarStatusPositions; md: AvatarStatusPositions; lg: AvatarStatusPositions; xl: AvatarStatusPositions; "2xl": AvatarStatusPositions; } export interface KeepAvatarStatusPositions { dot: StatusPositions; notification: StatusPositions; customStatusIcon: StatusPositions; } export interface KeepAvatarStatusFontSize { notification: AvatarSizes; } export interface AvatarProps extends PropsWithChildren> { alt?: string; bordered?: boolean; img?: string; size?: keyof AvatarSizes; shape?: keyof KeepShapes; stacked?: boolean; rounded?: boolean; status?: "away" | "busy" | "offline" | "online"; statusType?: keyof KeepAvatarStatusType; statusPosition?: keyof KeepPositions; totalNotification?: number; customStatusIcon?: string; } export declare const Avatar: FC & { Group: FC; Counter: FC; Add: FC; };