import * as React from "react";
import { Avatar as AvatarPrimitive } from "radix-ui";
import { type VariantProps } from "../utils.js";
import { type AvatarFallbackProps, type AvatarImageProps } from "./components/index.js";
interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
    image?: React.ReactElement<AvatarImageProps>;
    fallback?: React.ReactElement<AvatarFallbackProps>;
}
declare const avatarVariants: (props?: ({
    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
    variant?: "strong" | "light" | "subtle" | "quiet" | "outlined" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const Avatar: (({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element) & {
    original: ({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element;
    originalName: string;
    displayName: string;
} & {
    original: (({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element) & {
        original: ({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element) & {
        original: ({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
} & {
    Fallback: (({ className, ...props }: AvatarFallbackProps) => React.JSX.Element) & {
        original: ({ className, ...props }: AvatarFallbackProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: (({ className, ...props }: AvatarFallbackProps) => React.JSX.Element) & {
            original: ({ className, ...props }: AvatarFallbackProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        };
        originalName: string;
        displayName: string;
    } & {
        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, ...props }: AvatarFallbackProps) => React.JSX.Element) & {
            original: ({ className, ...props }: AvatarFallbackProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => React.JSX.Element;
    };
    Image: (({ className, ...props }: AvatarImageProps) => React.JSX.Element) & {
        original: ({ className, ...props }: AvatarImageProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: (({ className, ...props }: AvatarImageProps) => React.JSX.Element) & {
            original: ({ className, ...props }: AvatarImageProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        };
        originalName: string;
        displayName: string;
    } & {
        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, ...props }: AvatarImageProps) => React.JSX.Element) & {
            original: ({ className, ...props }: AvatarImageProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => React.JSX.Element;
    };
};
export { Avatar, type AvatarProps, type AvatarImageProps, type AvatarFallbackProps };