import * as React from 'react';
import { CapUIFontFamily, CapUIFontSize, CapUILineHeight } from '../../styles';
import { FlexProps } from '../layout';
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export interface AvatarProps extends FlexProps {
    readonly name: string;
    readonly src?: string;
    readonly alt?: string;
    readonly size?: AvatarSize;
    readonly children?: React.ReactNode;
}
export declare const variants: {
    xs: {
        fontSize: CapUIFontSize;
        lineHeight: CapUILineHeight;
        size: number;
        minWidth: number;
        minHeight: number;
        maxWidth: number;
        maxHeight: number;
    };
    sm: {
        fontSize: CapUIFontSize;
        lineHeight: CapUILineHeight;
        size: number;
        minWidth: number;
        minHeight: number;
        maxWidth: number;
        maxHeight: number;
    };
    md: {
        fontSize: CapUIFontSize;
        lineHeight: CapUILineHeight;
        size: number;
        minWidth: number;
        minHeight: number;
        maxWidth: number;
        maxHeight: number;
    };
    lg: {
        fontSize: CapUIFontSize;
        lineHeight: CapUILineHeight;
        size: number;
        minWidth: number;
        minHeight: number;
        maxWidth: number;
        maxHeight: number;
    };
    xl: {
        fontSize: CapUIFontSize;
        lineHeight: CapUILineHeight;
        size: number;
        minWidth: number;
        minHeight: number;
        maxWidth: number;
        maxHeight: number;
    };
};
export declare const avatarStyles: {
    borderRadius: string;
    overflow: string;
    align: string;
    justify: string;
    fontFamily: CapUIFontFamily;
    fontWeight: number;
};
export declare const Avatar: {
    ({ name, src, alt, children, size, className, ...props }: AvatarProps): React.JSX.Element;
    displayName: string;
};
declare const _default: React.FC<AvatarProps>;
export default _default;