import React from 'react';
import { DefaultProps, MantineNumberSize, MantineColor, Selectors, MantineGradient, Variants } from '@asuikit/styles';
import { AvatarGroup } from './AvatarGroup/AvatarGroup';
import useStyles, { AvatarStylesParams } from './Avatar.styles';
export type AvatarStylesNames = Selectors<typeof useStyles>;
export interface AvatarProps extends DefaultProps<AvatarStylesNames, AvatarStylesParams> {
    /** Image url */
    src?: string | null;
    /** Image alt text or title for placeholder variant */
    alt?: string;
    /** Avatar width and height */
    size?: MantineNumberSize;
    /** Key of theme.radius or any valid CSS value to set border-radius, "xl" by default */
    radius?: MantineNumberSize;
    /** Key of theme.colors */
    color?: MantineColor;
    /** Controls appearance */
    variant?: Variants<'filled' | 'light' | 'gradient' | 'outline'>;
    /** Gradient input, only used when variant="gradient", theme.defaultGradient by default */
    gradient?: MantineGradient;
    /** <img /> element attributes */
    imageProps?: Record<string, any>;
    /** Custom placeholder */
    children?: React.ReactNode;
}
export declare const _Avatar: any;
export declare const Avatar: (<C = "div">(props: import("@asuikit/utils").PolymorphicComponentProps<C, AvatarProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(AvatarProps & {
    component?: any;
} & Omit<Omit<any, "ref">, "component" | keyof AvatarProps> & {
    ref?: any;
}) | (AvatarProps & {
    component: React.ElementType<any>;
})>, never> & {
    Group: typeof AvatarGroup;
};
//# sourceMappingURL=Avatar.d.ts.map