import * as react_jsx_runtime from 'react/jsx-runtime';
import { FC, SuspenseProps } from 'react';
import { A as AsyncState, C as ContainerType } from '../types-5EvFF6wb.cjs';
import 'keyweaver';

type Props<S extends AsyncState> = {
    state: S;
    /** A function to render the content when the {@link Props.state state} resolves successfully. */
    render(value: S extends AsyncState<infer V> ? V : never): ReturnType<FC>;
    /** A function or element to render if the {@link Props.state state} fails. */
    renderIfError?: ((error: S extends AsyncState<any, infer E> ? E : never) => ReturnType<FC>) | ReturnType<FC>;
    /** If provided, it wraps the rendered content or fallback only if they exist. */
    container?: ContainerType;
} & Pick<SuspenseProps, 'fallback'>;
/**
 * A controller component for rendering a {@link Props.state state}.
 * It utilizes the {@link use} hook under the hood to retrieve the value or error of the provided state.
 * This component integrates with the {@link Suspense} component, deferring rendering until the state is resolved or an error occurs.
 *
 * @example
 * ```jsx
 *   <SuspenseController
 *     state={asyncState}
 *     container="div"
 *     fallback={<div>Loading...</div>}
 *     render={(data) => <div>Data: {JSON.stringify(data)}</div>}
 *     renderIfError={(error) => <div>Error: {error.message}</div>}
 *   />
 * ```
 */
declare const SuspenseController: <S extends AsyncState>(props: Props<S>) => react_jsx_runtime.JSX.Element;

export = SuspenseController;