import { ReactNode, Ref, FC } from 'react';
import { SvgProps } from 'react-native-svg';
import { View } from 'react-native';

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

export { Icon, type IconProps };