@helpwave/hightide/dist/components/icons-and-geometry/Avatar.d.mts

helpwave's component and theming library

import * as react_jsx_runtime from 'react/jsx-runtime';

declare const avtarSizeList: readonly ["sm", "md", "lg", "xl"];
type AvatarSize = typeof avtarSizeList[number];
declare const AvatarUtil: {
    avatarSizeMapping: Record<"sm" | "md" | "lg" | "xl", number>;
    sizes: readonly ["sm", "md", "lg", "xl"];
};
type ImageConfig = {
    avatarUrl: string;
    alt: string;
};
type AvatarProps = {
    image?: ImageConfig;
    name?: string;
    size?: AvatarSize;
    fullyRounded?: boolean;
    className?: string;
};
/**
 * A component for showing a profile picture
 */
declare const Avatar: ({ image, name, size, fullyRounded, className }: AvatarProps) => react_jsx_runtime.JSX.Element;
type AvatarGroupProps = {
    avatars: Omit<AvatarProps, 'size' | 'fullyRounded'>[];
    maxShownProfiles?: number;
    showTotalNumber?: boolean;
    size?: AvatarSize;
    fullyRounded?: boolean;
};
/**
 * A component for showing a group of Avatar's
 */
declare const AvatarGroup: ({ avatars, maxShownProfiles, showTotalNumber, size, fullyRounded }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;

export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, AvatarUtil };