import { HTMLProps, PropsWithChildren } from 'react';
import { ThemeColorVariables } from '@dreipol/t3-react-theme';
type AvatarRootProps<T extends AvatarVariants> = T extends 'button' ? HTMLProps<HTMLButtonElement> : T extends 'a' ? HTMLProps<HTMLAnchorElement> : HTMLProps<HTMLDivElement>;
type AvatarRootElement<T extends AvatarVariants> = T extends 'button' ? HTMLButtonElement : T extends 'a' ? HTMLAnchorElement : HTMLDivElement;
type AvatarVariants = 'div' | 'a' | 'button';
export type AvatarProps<T extends AvatarVariants = 'div'> = PropsWithChildren<{
    /**
     * Image source
     */
    src?: string;
    /**
     * Alt tag for the image
     */
    alt?: string;
    /**
     * Loading strategy of the image
     */
    loading?: 'eager' | 'lazy';
    /**
     * Avatar size
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * Custom background color
     */
    color?: ThemeColorVariables;
    /**
     * Render outline border
     */
    border?: boolean;
    /**
     * Customize root element variant
     */
    as?: AvatarVariants;
} & Omit<AvatarRootProps<T>, 'size'>>;
export declare const Avatar: <T extends AvatarVariants = "div">(props: {
    /**
     * Image source
     */
    src?: string | undefined;
    /**
     * Alt tag for the image
     */
    alt?: string | undefined;
    /**
     * Loading strategy of the image
     */
    loading?: "eager" | "lazy" | undefined;
    /**
     * Avatar size
     */
    size?: "small" | "medium" | "large" | undefined;
    /**
     * Custom background color
     */
    color?: ThemeColorVariables | undefined;
    /**
     * Render outline border
     */
    border?: boolean | undefined;
    /**
     * Customize root element variant
     */
    as?: AvatarVariants | undefined;
} & Omit<AvatarRootProps<T>, "size"> & {
    children?: import("react").ReactNode;
} & import("react").RefAttributes<AvatarRootElement<T>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
export {};