import React, { ReactNode } from 'react';
export interface ImageLoaderProps {
    /** Image's url */
    imgSrc?: string;
    /** Image's alt attribute */
    alt?: string;
    /** Image loader height (default: 50) */
    height?: number;
    /** Image loader width (default: 50) */
    width?: number;
    /** Image height (default: undefined) */
    imgHeight?: string | number;
    /** Image width (default: undefined) */
    imgWidth?: string | number;
    /** SVGRectElement used as the loading animation. If set, will replace the default SVGRectElement */
    loadingSkeleton?: ReactNode;
    /** Animation speed (default: 2) */
    speed?: number;
    /** Loader's background color (default: '#CCCCCC') */
    backgroundColor?: string;
    /** Loader's foreground color (default: '#EEECEC') */
    foregroundColor?: string;
    /** SVG's viewbox (defaults to a view box matching the given height and width), adjust this change the skeleton's rendering*/
    viewBox?: string;
    /** Fallback image url to load in case of load failure. If not set, a fallback background color will be used */
    fallbackSrc?: string;
    /** Specify the amount of time the component should wait for the image source to arrive before rendering the fallback, in milliseconds (default: 2000). If the image manages to load at a later time, the image will be rendered */
    imageTimeout?: number;
    /** Callback emitted after the image has successfully loaded. Img src is sent back */
    onLoad?: (src?: string) => void;
    /** Callback emitted after the image has failed to load. Img src is sent back */
    onError?: (src?: string) => void;
    /** Callback emitted when the image element is clicked */
    onImageClick?: (event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void;
    /** CSS Class name for additional img element styles */
    imageClassName?: string;
}
/**
 * Renders a loading animation while an image is being fetched
 * @example
 * <ImageLoader imgSrc="/location/thumb.png" />
 */
export declare const ImageLoader: React.FC<ImageLoaderProps>;
//# sourceMappingURL=ImageLoader.d.ts.map