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?: "blue" | "green" | "purple" | "red" | "yellow" | "accent" | "neutral" | "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>>;
export { Avatar, AvatarImage, AvatarFallback };
export type { AvatarFallbackProps };
export { avatarFallbackVariants };
//# sourceMappingURL=avatar.d.ts.map