import * as React from 'react';
import { Store } from 'redux';
import { Effect, FxState, FxSlice, FxActionCreators, FxActionsConfig } from 'fx-state';
import { Renderable, Omit } from './types';
declare type DeclarativeEffectChildren<Data, Params extends any[]> = (state: FxState<Data, Params>) => Renderable;
export interface DeclarativeEffectProps<Data, Params extends any[]> {
    effect: Effect<Data, Params> | FxActionsConfig<Data, Params>;
    params: Params;
    children: DeclarativeEffectChildren<Data, Params>;
    store?: Store<FxSlice>;
}
/**
 * DeclarativeEffect is a React render-prop component that injects FxState for any side effect into its children.
 * It executes the given side-effect on mount and when the given `params` change.
 * This can be used to render the results of a query, such as search results or a specific record.
 * Each instance of a DeclarativeEffect will own its own unique FxState and FxActions.
 * On unmount, the component will destroy its FxState, cleaning up after itself.
 *
 * The following example initiates the given side effect when the component mounts.
 * While it is pending, it renders a loading indicator.
 * When it resolves, it renders the value that was passed to `resolve()`.
 * If the Promise is rejected, it renders the error that was passed to `reject()`.
 *
 * @example
 * ```
 * // typeof effect: (p1: number, p2: string) => Promise<string>
 *
 * <DeclarativeEffect effect={effect} params={[123, 'abc'] as [number, string]} store={store}>
 *   {state =>
 *     <div>
 *       {state.error ? <span className="error">{state.error}</span>
 *          : state.data ? <span className="response">{state.data}</span>
            : state.status === 'active' && <span className="loading" />}
 *     </div>}
 * </DeclarativeEffect>
 * ```
 */
export declare class DeclarativeEffect<Data, Params extends any[]> extends React.Component<DeclarativeEffectProps<Data, Params>> {
    fxActions: FxActionCreators<Data, Params>;
    constructor(props: DeclarativeEffectProps<Data, Params>);
    render(): JSX.Element;
}
/**
 * ContextDeclarativeEffect is identical to DeclarativeEffect, except that it uses StoreConsumer to pull the `store` prop off of Legacy React Context.
 */
export declare class ContextDeclarativeEffect<Data, Params extends any[]> extends React.Component<Omit<DeclarativeEffectProps<Data, Params>, 'store'>> {
    render(): JSX.Element;
}
export {};