/// <reference types="react" />
import { BaseStyles } from 'src/utils/types/base-styles.type';
export type IconSizeProps = 'small' | 'medium' | 'big' | 'scale' | 'auto' | string;
export type IconThemeProps = 'black' | 'grey' | 'white' | 'blue' | 'green' | 'green-light' | 'orange' | 'red' | string;
export type IconProps = {
    src?: string;
    theme?: IconThemeProps;
    iconName?: string;
    size?: IconSizeProps;
    styles?: BaseStyles;
    showIcon?: boolean;
    onClick?: (event: any) => void;
    onKeyPress?: (e: any) => void;
    tabIndex?: number;
    fillProperty?: 'fill' | 'stroke';
    iconPosition?: 'left' | 'right';
};
export declare const getSizeStyle: (size: IconSizeProps) => {
    '&:not(:root)': {
        width: string;
        height: string;
    };
    width?: undefined;
    height?: undefined;
} | {
    width: string;
    height: string;
    '&:not(:root)'?: undefined;
};
export declare const getColor: (theme?: IconThemeProps) => string;
export default function createStyledIcon(Component: any, displayName: string): import("@emotion/styled").StyledComponent<any, {}, {
    ref?: import("react").Ref<any> | undefined;
}>;