import { HTMLAttributes } from 'react';
import { SkeletonVariant } from '../Skeleton/types';
export declare enum AvatarSize {
    SM = "sm",
    REGULAR = "regular",
    MD = "md",
    LG = "lg",
    XL = "xl"
}
export declare enum AvatarShape {
    CIRCULAR = "circular",
    ROUNDED = "rounded"
}
export declare enum AvatarOnlinePosition {
    TOP = "top",
    BOTTOM = "bottom"
}
export type AvatarProps = {
    src?: string;
    alt?: string;
    fallback?: React.ReactNode;
    size?: AvatarSize;
    shape?: AvatarShape;
    online?: boolean;
    onlinePosition?: AvatarOnlinePosition;
    leadingSlot?: React.ReactNode;
    trailingSlot?: React.ReactNode;
    skeleton?: {
        show: boolean;
        variant?: SkeletonVariant;
    };
} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
export type StyledAvatarContainerProps = {
    $size: AvatarSize;
    $shape: AvatarShape;
    $hasImage: boolean;
};
export type StyledAvatarIndicatorProps = {
    $size: AvatarSize;
};