import * as React from 'react';
import type { PropsWithoutRef, RefAttributes } from 'react';
type IconAndContainerSize = {
    svg: number;
    wrapper: number;
};
export type IconProps = React.SVGAttributes<SVGSVGElement> & React.HTMLAttributes<HTMLDivElement> & {
    /**
     * Color can be a string color or one of the predefined gradients `anvi` or `anvi-inverse`
     */
    color?: 'anvi' | 'anvi-inverse' | (string & {});
    /**
     * Size can be a number (applies to both icon and container) or an object to define different sizes for icon and container
     */
    size?: number | IconAndContainerSize;
};
export declare function withIconWrapper(SvgIcon: React.ForwardRefExoticComponent<PropsWithoutRef<React.SVGProps<SVGSVGElement>> & RefAttributes<SVGSVGElement>>, name: string): React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.HTMLAttributes<HTMLDivElement> & {
    /**
     * Color can be a string color or one of the predefined gradients `anvi` or `anvi-inverse`
     */
    color?: "anvi" | "anvi-inverse" | (string & {});
    /**
     * Size can be a number (applies to both icon and container) or an object to define different sizes for icon and container
     */
    size?: number | IconAndContainerSize;
} & React.RefAttributes<HTMLDivElement | SVGSVGElement>>;
export {};
//# sourceMappingURL=index.d.ts.map