import React, { ReactNode } from 'react';
export interface LoaderProps {
    /** Whether to show or hide the loader animation */
    showLoader: boolean;
    /** SVGRectElement used as the loading animation. If set, will replace the default SVGRectElement */
    loadingSkeleton?: ReactNode;
    /** Loader's height (default: 100) */
    height?: string | number;
    /** Loader's width (default: 5) */
    width?: string | number;
    /** Animation speed (default: 2) */
    speed?: number;
    /** Loader's primary color (default: '#CCCCCC') */
    backgroundColor?: string;
    /** Loader's secondary color (default: '#EEECEC') */
    foregroundColor?: string;
    /** SVG's viewbox (default: '0 0 100 5'), adjust this change the skeleton's rendering*/
    viewBox?: string;
}
/**
 * Render a loader animation if showLoader is true, else show children of <Loader>
 * @param boolean showLoader - whether to show or hide the loader animation
 * @param ReactNode [loadingSkeleton = SingleLineSkeleton] - loading animation svg
 * @param number [width = 100] - width of Loader
 * @param number [height = 5] - height of Loader
 * @example
 * <Loader showLoader={true}>{children}</Loader>
 * <Loader showLoader={true}></Loader>
 */
export declare const Loader: React.FC<LoaderProps>;
//# sourceMappingURL=Loader.d.ts.map