import { CSSProperties, ReactNode } from 'react';
import { IconContent } from '../types/icon.types.js';
import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
export type AvatarStatus = 'online' | 'away' | 'busy' | 'offline';
export type AvatarSlots = 'image' | 'fallback' | 'status';
export interface AvatarProps extends Omit<HtmlProps, 'content'> {
    src?: string;
    alt?: string;
    name?: string;
    icon?: IconContent;
    content?: ReactNode;
    status?: AvatarStatus;
    className?: string;
    style?: CSSProperties;
    classNames?: SlotClassNames<AvatarSlots>;
    styles?: SlotStyles<AvatarSlots>;
}
export type AvatarGroupSlots = 'item' | 'overflow';
export interface AvatarGroupProps extends HtmlProps {
    children?: ReactNode;
    max?: number;
    className?: string;
    style?: CSSProperties;
    classNames?: SlotClassNames<AvatarGroupSlots>;
    styles?: SlotStyles<AvatarGroupSlots>;
}