import React from 'react';
import { AvatarVariantProps } from './avatar.styles';
export type Status = 'idle' | 'loaded' | 'loading' | 'error';
export interface AvatarRootProps extends AvatarVariantProps, React.HTMLAttributes<HTMLSpanElement> {
    onLoadingStatusChange?: (status: Status) => void;
}
interface AvatarCtxProps {
    status: Status;
    setStatus: React.Dispatch<React.SetStateAction<Status>>;
    onLoadingStatusChange: (status: Status) => void;
}
declare const useAvatarCtx: (consumerName: string) => AvatarCtxProps;
declare const useAvatarStyles: (consumerName: string) => {
    base: (slotProps?: ({
        size?: "sm" | "md" | "lg" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    image: (slotProps?: ({
        size?: "sm" | "md" | "lg" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    fallback: (slotProps?: ({
        size?: "sm" | "md" | "lg" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
} & {
    base: (slotProps?: ({
        size?: "sm" | "md" | "lg" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    image: (slotProps?: ({
        size?: "sm" | "md" | "lg" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    fallback: (slotProps?: ({
        size?: "sm" | "md" | "lg" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
} & {};
export { useAvatarStyles, useAvatarCtx };
export declare const AvatarRoot: React.ForwardRefExoticComponent<AvatarRootProps & React.RefAttributes<HTMLSpanElement>>;
//# sourceMappingURL=avatar-root.d.ts.map