export declare const SVGICON_CLASSNAME = "k-icon k-svg-icon";
declare const options: {
    size: ("small" | "medium" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge")[];
    themeColor: ("base" | "error" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
};
export type SvgIconOptions = {
    size?: (typeof options.size)[number];
    themeColor?: (typeof options.themeColor)[number];
};
export interface SVGIcon {
    name: string;
    content: string;
    viewBox: string;
}
export type SvgIconProps = SvgIconOptions & {
    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';
    flip?: null | 'v' | 'h' | 'both';
    viewBox?: string;
    icon?: SVGIcon | 'none';
};
export declare const SvgIcon: {
    (props: SvgIconProps & React.HTMLAttributes<HTMLOrSVGElement>): import("react/jsx-runtime").JSX.Element;
    states: any[];
    options: {
        size: ("small" | "medium" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge")[];
        themeColor: ("base" | "error" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
    };
    className: string;
    defaultOptions: {
        viewBox: string;
    };
};
export default SvgIcon;