import * as React from "react";
import * as AvatarPrimitive from "@radix-ui/react-avatar";
import { type VariantProps } from "class-variance-authority";
declare const avatarFallbackVariants: (props?: ({
    color?: "accent" | "neutral" | "blue" | "green" | "purple" | "red" | "yellow" | "amber" | "emerald" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * Avatar root container component
 * @example
 * <Avatar>
 *   <AvatarImage src="..." alt="..." />
 *   <AvatarFallback>CN</AvatarFallback>
 * </Avatar>
 */
declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
/**
 * Avatar image component
 * @example
 * <AvatarImage src="https://example.com/avatar.jpg" alt="User avatar" />
 */
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
interface AvatarFallbackProps extends Omit<React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>, "color">, VariantProps<typeof avatarFallbackVariants> {
}
/**
 * Avatar fallback component with color variants
 * @example
 * <AvatarFallback color="blue">CN</AvatarFallback>
 */
declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
interface AvatarLegacyProps extends Omit<React.ComponentProps<typeof AvatarPrimitive.Root>, "children" | "color">, VariantProps<typeof avatarFallbackVariants> {
    /** @deprecated Use AvatarImage component instead */
    src?: string;
    /** @deprecated Use AvatarImage component instead */
    alt?: string;
    /** @deprecated Use AvatarFallback component instead */
    fallback?: string;
}
/**
 * @deprecated Use the composable pattern with Avatar, AvatarImage, and AvatarFallback instead
 * @example
 * // Old (deprecated):
 * <AvatarLegacy src="..." alt="..." fallback="CN" />
 *
 * // New (recommended):
 * <Avatar>
 *   <AvatarImage src="..." alt="..." />
 *   <AvatarFallback>CN</AvatarFallback>
 * </Avatar>
 */
declare const AvatarLegacy: React.ForwardRefExoticComponent<Omit<AvatarLegacyProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
export { Avatar, AvatarImage, AvatarFallback };
export { AvatarLegacy };
export type { AvatarFallbackProps, AvatarLegacyProps };
export { avatarFallbackVariants };
//# sourceMappingURL=avatar.d.ts.map