import type { LoadingState } from 'robodux';
import type { QueryState } from './slice';
declare type ActionFn<P = any> = (p: P) => {
    toString: () => string;
};
declare type ActionFnSimple = () => {
    toString: () => string;
};
interface SagaAction<P = any> {
    type: string;
    payload: {
        key: string;
        options: P;
    };
}
export interface UseApiProps<P = any> extends LoadingState {
    trigger: (p: P) => void;
    action: ActionFn<P>;
}
export interface UseApiSimpleProps extends LoadingState {
    trigger: () => void;
    action: ActionFn;
}
export interface UseApiAction<A extends SagaAction = SagaAction> extends LoadingState {
    trigger: () => void;
    action: A;
}
export declare type UseApiResult<P, A extends SagaAction = SagaAction> = UseApiProps<P> | UseApiSimpleProps | UseApiAction<A>;
interface UseCacheResult<D = any, A extends SagaAction = SagaAction> extends UseApiAction<A> {
    data: D | null;
}
/**
 * useLoader will take an action creator or action itself and return the associated
 * loader for it.
 *
 * @returns the loader object for an action creator or action
 *
 * @example
 * ```ts
 * import { useLoader } from 'saga-query/react';
 *
 * import { api } from './api';
 *
 * const fetchUsers = api.get('/users', function*() {
 *   // ...
 * });
 *
 * const View = () => {
 *   const loader = useLoader(fetchUsers);
 *   // or: const loader = useLoader(fetchUsers());
 *   return <div>{loader.isLoader ? 'Loading ...' : 'Done!'}</div>
 * }
 * ```
 */
export declare function useLoader<S extends QueryState = QueryState>(action: SagaAction | ActionFn): LoadingState<Record<string, any>>;
/**
 * useApi will take an action creator or action itself and fetch
 * the associated loader and create a `trigger` function that you can call
 * later in your react component.
 *
 * This hook will *not* fetch the data for you because it does not know how to fetch
 * data from your redux state.
 *
 * @example
 * ```ts
 * import { useApi } from 'saga-query/react';
 *
 * import { api } from './api';
 *
 * const fetchUsers = api.get('/users', function*() {
 *   // ...
 * });
 *
 * const View = () => {
 *   const { isLoading, trigger } = useApi(fetchUsers);
 *   useEffect(() => {
 *     trigger();
 *   }, []);
 *   return <div>{isLoading ? : 'Loading' : 'Done!'}</div>
 * }
 * ```
 */
export declare function useApi<P = any, A extends SagaAction = SagaAction<P>>(action: A): UseApiAction<A>;
export declare function useApi<P = any, A extends SagaAction = SagaAction<P>>(action: ActionFn<P>): UseApiProps<P>;
export declare function useApi<A extends SagaAction = SagaAction>(action: ActionFnSimple): UseApiSimpleProps;
/**
 * useQuery uses {@link useApi} and automatically calls `useApi().trigger()`
 *
 * @example
 * ```ts
 * import { useQuery } from 'saga-query/react';
 *
 * import { api } from './api';
 *
 * const fetchUsers = api.get('/users', function*() {
 *   // ...
 * });
 *
 * const View = () => {
 *   const { isLoading } = useQuery(fetchUsers);
 *   return <div>{isLoading ? : 'Loading' : 'Done!'}</div>
 * }
 * ```
 */
export declare function useQuery<P = any, A extends SagaAction = SagaAction<P>>(action: A): UseApiAction<A>;
/**
 * useCache uses {@link useQuery} and automatically selects the cached data associated
 * with the action creator or action provided.
 *
 * @example
 * ```ts
 * import { useCache } from 'saga-query/react';
 *
 * import { api } from './api';
 *
 * const fetchUsers = api.get('/users', api.cache());
 *
 * const View = () => {
 *   const { isLoading, data } = useCache(fetchUsers());
 *   return <div>{isLoading ? : 'Loading' : data.length}</div>
 * }
 * ```
 */
export declare function useCache<D = any, A extends SagaAction = SagaAction>(action: A): UseCacheResult<D, A>;
/**
 * useLoaderSuccess will activate the callback provided when the loader transitions
 * from some state to success.
 *
 * @example
 * ```ts
 * import { useLoaderSuccess, useApi } from 'saga-query/react';
 *
 * import { api } from './api';
 *
 * const createUser = api.post('/users', function*(ctx, next) {
 *   // ...
 * });
 *
 * const View = () => {
 *  const { loader, trigger } = useApi(createUser);
 *  const onSubmit = () => {
 *    trigger({ name: 'bob' });
 *  };
 *
 *  useLoaderSuccess(loader, () => {
 *    // success!
 *    // Use this callback to navigate to another view
 *  });
 *
 *  return <button onClick={onSubmit}>Create user!</button>
 * }
 * ```
 */
export declare function useLoaderSuccess(cur: Pick<LoadingState, 'status'>, success: () => any): void;
export {};