import { ForwardRefExoticComponent, RefAttributes, SVGProps } from 'react';
export type SVGElementTagName = 'animate' | 'circle' | 'clipPath' | 'defs' | 'desc' | 'ellipse' | 'feBlend' | 'feColorMatrix' | 'feComponentTransfer' | 'feComposite' | 'feConvolveMatrix' | 'feDiffuseLighting' | 'feDisplacementMap' | 'feDistantLight' | 'feDropShadow' | 'feFlood' | 'feFuncA' | 'feFuncB' | 'feFuncG' | 'feFuncR' | 'feGaussianBlur' | 'feImage' | 'feMerge' | 'feMergeNode' | 'feMorphology' | 'feOffset' | 'fePointLight' | 'feSpecularLighting' | 'feSpotLight' | 'feTile' | 'feTurbulence' | 'filter' | 'foreignObject' | 'g' | 'image' | 'line' | 'linearGradient' | 'marker' | 'mask' | 'metadata' | 'path' | 'pattern' | 'polygon' | 'polyline' | 'radialGradient' | 'rect' | 'stop' | 'svg' | 'switch' | 'symbol' | 'text' | 'textPath' | 'tspan' | 'use' | 'view';
export type IconNode = [elementName: SVGElementTagName, attrs: Record<string, string>, children?: IconNode][];
export type SVGAttributes = Partial<SVGProps<SVGSVGElement>>;
type ComponentAttributes = RefAttributes<SVGSVGElement> & SVGAttributes;
type IconSizeAsNumber = 8 | 12 | 16 | 20 | 24 | 32;
/**
 * @deprecated Use a string or number instead
 */
export declare enum IconSize {
    Size8 = "Size8",
    Size12 = "Size12",
    Size16 = "Size16",
    Size20 = "Size20",
    Size24 = "Size24",
    Size32 = "Size32"
}
export type FondueIconProps = ComponentAttributes & {
    size?: `${IconSizeAsNumber}` | IconSizeAsNumber | IconSize;
};
export type FondueIcon = ForwardRefExoticComponent<FondueIconProps>;
export declare const createFondueIcon: (iconName: string, iconNode: IconNode) => FondueIcon;
export {};