import * as react_jsx_runtime from 'react/jsx-runtime';

interface DynamicIconProps {
    /**
     * Icon name in format: prefix/name or prefix:name
     * Examples: "lucide/home", "mdi:account", "heroicons/check"
     */
    name: string;
    /**
     * Icon size in pixels
     * @default 28
     */
    size?: number;
    /**
     * Icon color - accepts any valid CSS color
     * Note: When not specified, the icon inherits color from parent via CSS currentColor
     */
    color?: string;
    /**
     * Additional CSS classes
     */
    className?: string;
    /**
     * Alt text for accessibility
     */
    alt?: string;
}
/**
 * Lightweight icon component that dynamically loads SVG icons from icons.opensite.ai API.
 *
 * Features:
 * - Pulls SVGs from https://icons.opensite.ai API and inlines them for CSS color inheritance
 * - Supports currentColor - icons inherit color from parent element
 * - Accepts prefix/name or prefix:name format
 * - Customizable size and explicit color via props
 * - In-memory caching to prevent duplicate fetches
 *
 * @example
 * ```tsx
 * // Icon inherits color from parent (recommended for hover states, etc.)
 * <span className="text-white hover:text-red-500">
 *   <DynamicIcon name="lucide/home" size={24} />
 * </span>
 *
 * // Icon with explicit color
 * <DynamicIcon name="mdi:account" size={32} color="#ff0000" />
 * ```
 */
declare function DynamicIcon({ name, size, color, className, alt, }: DynamicIconProps): react_jsx_runtime.JSX.Element;

export { DynamicIcon };
