import React, { FunctionComponent, SVGProps } from "react";
declare type Size = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "xxl" | number;
declare type Color = "black" | "on-dark" | "accent" | "default" | "primary" | "ok" | "info" | "danger" | "caution";
export interface Props {
    className?: string;
    /**
     * Size of the icon. A number or one of the following: `"sm"` `"md"` `"lg"` `"xl"`
     * `"2xl"` `"3xl"` `"4xl"` `"5xl"` `"6xl"`.
     */
    size?: Size;
    color?: Color;
}
export declare type IconSVG = FunctionComponent<SVGProps<SVGSVGElement> & {
    title?: string | undefined;
}>;
export declare type Icon = React.FC<Props>;
export interface SVGIconProps extends Props {
    /**
     * React <svg /> component.
     */
    icon: IconSVG;
}
/**
 * A component for rendering SVG icons. Used by specific icon components exported by the **@k8slens/lds-icons** package.
 *
 * Usage: `import { SVGIcon } from "@k8slens/lds-icons"`
 */
export declare const SVGIcon: React.FC<Props & {
    icon: IconSVG;
}>;
export {};