import * as React from "react";
interface AppIconProps extends React.HTMLAttributes<HTMLDivElement> {
    /** The icon content - can be an emoji string, image URL, or React node */
    icon?: string | React.ReactNode;
    /** Size variant for the icon */
    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
    /** Alternative text for image icons (required when using image URLs) */
    alt?: string;
    /** Background color for emoji icons (e.g., '#ff0000', 'red', 'bg-red-500') - overrides color variant */
    background?: string;
    /** Visual variant - minimal has no background, default/light/neutral have different backgrounds */
    variant?: "default" | "minimal" | "light" | "neutral";
    /** Color variant - accent (default), light (accent/20), or neutral (gray) */
    color?: "accent" | "light" | "neutral";
}
declare const AppIcon: React.ForwardRefExoticComponent<AppIconProps & React.RefAttributes<HTMLDivElement>>;
export { AppIcon };
export type { AppIconProps };
//# sourceMappingURL=app-icon.d.ts.map