import { FC, ReactNode, Ref } from 'react';
export interface IconProps {
    /**
     * Predefined size token for the icon.
     * Can be overridden by explicit width and height.
     */
    size?: '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | null;
    /** Optional custom class name for styling */
    className?: string;
    /** Explicit width in pixels (overrides `size` if set) */
    width?: number;
    /** Explicit height in pixels (overrides `size` if set) */
    height?: number;
    /** Ref to the SVG element */
    ref?: Ref<SVGSVGElement>;
    /**
     * Icon content (required).
     * Accepts:
     * – icons from `~/icons`
     * – custom inline SVG
     * – third-party icon components (e.g. Lucide, Tabler)
     */
    children: ReactNode;
}
/** UI component for render SVG icons */
export declare const Icon: FC<IconProps>;