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

type Props<S extends AsyncState> = PropsWithChildren & {
    state: S;
    /** 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>;
} & Pick<SuspenseProps, 'fallback'>;
/**
 * A controller component for rendering a {@link Props.state state} using `awaitOnly` to avoid unnecessary re-renders.
 * It utilizes the {@link use} hook to monitor the {@link Props.state state’s} resolution or failure.
 * This component integrates with the {@link Suspense} component, deferring rendering until the {@link Props.state state} is resolved or an error occurs.
 *
 * @example
 * ```jsx
 *   <SuspenseOnlyController
 *     state={asyncState}
 *     fallback={<div>Loading...</div>}
 *     renderIfError={(error) => <div>Error: {error.message}</div>}
 *   >
 *     <div>Data loaded successfully!</div>
 *   </SuspenseOnlyController>
 * ```
 */
declare const SuspenseOnlyController: <S extends AsyncState>(props: Props<S>) => react_jsx_runtime.JSX.Element;

export { SuspenseOnlyController as default };