import { ReactNode } from 'react';
export interface InitialLoader {
    show?: boolean;
    loader?: string | ReactNode;
    initialContainerHeight?: string;
    initialContainerWidth?: string;
}
/**
 * The different loaders should behave as follows, based on initialLoader.show
 * default:
 * forms - no loader
 * auth - loader
 * buttons - loader
 *
 * explicitly false:
 * all - no loader
 *
 * explicitly true:
 * all - loader
 *
 * @param _isAuthLoading A boolean passed by LoginForm to designate whether auth is loading & the form requires a loader
 * @returns
 */
declare const useLoader: ({ initialLoader, _isAuthLoading, loaderBackgroundColor, formRef }: {
    initialLoader: InitialLoader | undefined;
    _isAuthLoading: boolean;
    loaderBackgroundColor: string | undefined;
    formRef: any;
}) => {
    buttonLoaders: Record<string, any>;
    clearLoaders: () => void;
    setLoaders: (newVal: any) => false | void;
    stepLoader: import("@emotion/react/jsx-runtime").JSX.Element;
};
export default useLoader;
//# sourceMappingURL=useLoader.d.ts.map