import * as React from 'react';
import type { TAvatarRootContext } from './AvatarContext';
import { AvatarRootContext } from './AvatarContext';
declare const StyledDiv: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size" | "emphasis"> & {
    size?: "sm" | "md" | "lg" | "xs" | "xl" | "xxl" | undefined;
    emphasis?: "bold" | "white" | "subtle" | undefined;
} & {
    as?: React.ElementType;
}>;
declare const StyledButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "size" | "emphasis"> & {
    size?: "sm" | "md" | "lg" | "xs" | "xl" | "xxl" | undefined;
    emphasis?: "bold" | "white" | "subtle" | undefined;
} & {
    as?: React.ElementType;
}>;
type TAvatarProps = React.ComponentProps<typeof StyledDiv | typeof StyledButton> & {
    name?: string;
} & ({
    onClick: React.MouseEventHandler<HTMLButtonElement>;
    disabled?: boolean;
} | {
    onClick?: never;
    disabled?: never;
});
export { AvatarRootContext };
export type { TAvatarRootContext };
export declare const AvatarRootProvider: ({ children, name, size }: TAvatarProps) => React.JSX.Element;
export declare const AvatarRoot: {
    ({ children, size, name, emphasis, disabled, onClick }: TAvatarProps): React.JSX.Element;
    displayName: string;
};
export declare const Avatar: {
    ({ children, size, name, emphasis, disabled, onClick }: TAvatarProps): React.JSX.Element;
    displayName: string;
} & {
    Image: ({ src, alt }: {
        src: string;
        alt: string;
    }) => React.JSX.Element;
    Initial: () => React.JSX.Element;
    Placeholder: () => React.JSX.Element;
    Icon: ({ is }: {
        is: typeof import("..").Icon;
    }) => React.JSX.Element;
};