@spaced-out/ui-design-system
Version:
Sense UI components library
62 lines • 1.91 kB
TypeScript
import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
import type * as COLORS from '../../styles/variables/_color';
import type { IconType } from '../../components/Icon';
import type { StatusSemanticType } from '../../components/StatusIndicator';
type ClassNames = Readonly<{
wrapper?: string;
ring?: string;
content?: string;
image?: string;
icon?: string;
text?: string;
}>;
export declare const AVATAR_SIZE: Readonly<{
small: "small";
medium: "medium";
large: "large";
extraLarge: "extraLarge";
}>;
export declare const avatarSizeOptions: Array<unknown>;
export type AvatarSize = (typeof AVATAR_SIZE)[keyof typeof AVATAR_SIZE];
export declare const AVATAR_COLOR: Readonly<{
red: "#fce8ed";
orange: "#fcf2e7";
green: "#e6f5ed";
blue: "#e6f0fe";
gray: "#EBEBEB";
indigo: "#f1f1f5";
}>;
export type AvatarColorType = keyof typeof AVATAR_COLOR;
export interface AvatarProps {
classNames?: ClassNames;
size?: AvatarSize;
imageSrc?: string;
ring?: boolean;
icon?: boolean;
text?: string;
color?: AvatarColorType;
style?: React.CSSProperties;
iconName?: string;
iconType?: IconType;
status?: StatusSemanticType;
statusBorderColorToken?: keyof typeof COLORS;
testId?: string;
}
export interface AvatarContentProps {
imageSrc?: string;
text?: string;
iconName?: string;
iconType?: IconType;
size: AvatarSize;
color?: AvatarColorType;
ring?: boolean;
status?: StatusSemanticType;
statusBorderColorToken?: keyof typeof COLORS;
classNames?: ClassNames;
testId?: string;
}
export declare const Avatar: Flow.AbstractComponent<AvatarProps, HTMLDivElement>;
export declare const BaseAvatar: ({ classNames, size, text, style, color, testId, }: AvatarProps) => React.JSX.Element;
export {};
//# sourceMappingURL=Avatar.d.ts.map