import React from "react";
export interface AvatarProps {
    /**
     * Text to extract initials from
     * The component will show the first letter of the first word
     * and the first letter of the last word if there are multiple words
     */
    text: string;
    /**
     * Optional image URL to display instead of initials
     */
    image?: string;
    /**
     * Optional background color (hexadecimal, rgb, or color name)
     * Default: gray-600 (#4b5563)
     */
    bgColor?: string;
    /**
     * Optional text color (hexadecimal, rgb, or color name)
     * Default: white (#ffffff)
     */
    textColor?: string;
    /**
     * Optional size variant
     * Default: md
     */
    size?: "sm" | "md" | "lg";
    /**
     * Optional additional CSS classes
     */
    className?: string;
}
/**
 * Avatar component displays a circular avatar with initials or an image
 *
 * @example
 * // Basic usage with text
 * <Avatar text="John Doe" />
 *
 * @example
 * // With image
 * <Avatar text="John Doe" image="https://example.com/avatar.jpg" />
 *
 * @example
 * // Custom colors
 * <Avatar text="Jane Smith" bgColor="#3b82f6" textColor="#ffffff" />
 */
export declare const Avatar: React.FC<AvatarProps>;
//# sourceMappingURL=Avatar.d.ts.map