import { CSSProperties } from 'glamor';
import React from 'react';
import { ApphouseComponent } from '../components/component.interfaces';
export interface LoadingGradientStyles {
    spinner?: CSSProperties;
    spinnerIn?: CSSProperties;
}
export declare const getLoadingGradientStyles: (size: number, colors: string[], speed?: number) => LoadingGradientStyles;
export interface LoadingGradientProps extends ApphouseComponent<LoadingGradientStyles> {
    /**
     * The colors to use for the gradient.
     * Up to 7 colors can be specified.
     * @default ["brand"]
     */
    colors?: string[];
    /**
     * @default 3
     */
    size?: number;
    /**
     * The speed of the animation.
     * @default 0.7s
     * @optional
     */
    speed?: number;
}
export declare const LoadingGradient: React.FC<LoadingGradientProps>;