import React from 'react';
export interface IIconStyles {
    root?: {};
}
export declare enum IconTypes {
    plusLight = "plus-light",
    plus = "plus",
    plusSolid = "plus-solid",
    spinner = "spinner",
    cog = "cog",
    editLight = "edit-light",
    pencilLight = "pencil-light",
    pencil = "pencil",
    pencilSolid = "pencil-solid",
    syncLight = "sync-light",
    sync = "sync",
    syncSolid = "sync-solid",
    checkLight = "check-light",
    check = "check",
    checkSolid = "check-solid",
    trash = "trash",
    ban = "ban",
    deny = "deny",
    calendar = "calendar",
    returnArrow = "arrow-return",
    rightArrow = "arrow-right",
    leftArrow = "arrow-left",
    openNewTabArrow = "arrow-open-new-tab"
}
export interface IIcon {
    icon: string | {
        svgCode: string;
        viewBox: string;
    };
    rotate?: boolean;
    styles?: IIconStyles;
    color?: string;
    size?: 'mini' | 'tiny' | 'small' | 'medium' | 'large' | 'extraLarge';
    iconRef?: any;
    title?: string;
    cssClassName?: string;
    onClick?: (event: React.MouseEvent) => void;
}
export default function Icon({ icon, rotate, styles, color, size, iconRef, title, cssClassName, onClick }: Readonly<IIcon>): React.JSX.Element;