import { default as React } from 'react';
import { IconName } from '../Icons';
import { TextColorProps } from '../Text';
import { ResponsiveIconSize } from '../Text/Text.types';
import { ResponsiveValueType } from '../../utils/ui';
import { IconSizeType } from '../../utils/ui/ui.types';

export type IconSize = IconSizeType;
export interface IconProps extends TextColorProps {
    as?: React.ElementType;
    size?: ResponsiveValueType<IconSize | string | number>;
    className?: string;
    ref?: React.Ref<HTMLDivElement>;
    name: IconName;
}
export declare const iconSizeResponsiveValueFormatter: (val: ResponsiveIconSize) => string;
export declare const iconStrokeWidthResponsiveValueFormatter: (val: ResponsiveIconSize) => string;
export declare function Icon(props: IconProps): import("react/jsx-runtime").JSX.Element;