import { KendoComponent } from '../_types/component';
export declare const ICON_CLASSNAME = "k-icon";
declare const states: never[];
declare const options: {
    size: ("small" | "medium" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge" | undefined)[];
    themeColor: ("base" | "error" | "success" | "primary" | "secondary" | "tertiary" | "info" | "warning" | undefined)[];
    variant: ("outline" | "solid" | "duotone")[];
};
export type IconState = {
    [K in (typeof states)[number]]?: boolean;
};
export type IconOptions = {
    size?: (typeof options.size)[number];
    themeColor?: (typeof options.themeColor)[number];
    variant?: (typeof options.variant)[number];
};
export type IconProps = IconOptions & {
    icon?: string;
    type?: 'svg' | 'font';
    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';
    flip?: null | 'v' | 'h' | 'both';
    viewBox?: string;
};
export declare const Icon: KendoComponent<IconProps & React.HTMLAttributes<HTMLSpanElement>>;
export default Icon;