import React, { CSSProperties } from 'react';
export interface IconFilterOptions {
    /** Hue rotation in degrees (0-360) */
    hue?: number;
    /** Saturation multiplier (0-500%) */
    saturation?: number;
    /** Brightness multiplier (0-300%) */
    brightness?: number;
    /** Contrast multiplier (0-300%) */
    contrast?: number;
    /** Sepia/tint amount (0-100%) */
    tint?: number;
    /** Base filter mode */
    mode?: 'sepia' | 'sepia-natural' | 'invert-sepia' | 'invert' | 'grayscale-sepia' | 'none';
}
export interface IconProps extends React.ImgHTMLAttributes<HTMLImageElement> {
    /** Path to the icon image */
    src: string;
    /** Alt text for the icon */
    alt?: string;
    /** Icon size (width and height). Defaults to maintaining original image size */
    size?: string | number;
    /** Custom width */
    width?: string | number;
    /** Custom height */
    height?: string | number;
    /** CSS filter options for color manipulation, or raw CSS filter string */
    filter?: IconFilterOptions | string;
    /** Additional CSS class name */
    className?: string;
    /** Additional inline styles */
    style?: CSSProperties;
}
export declare const Icon: React.FC<IconProps>;
export default Icon;
export declare const EveIcon: React.FC<IconProps>;
//# sourceMappingURL=Icon.d.ts.map