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

type Props<S extends Array<AsyncState | Falsy>> = PropsWithChildren & {
    states: S;
    /** A function or element to render if any of the {@link Props.states states} fail. */
    renderIfError?: ((errors: ExtractErrors<S>) => ReturnType<FC>) | ReturnType<FC>;
} & Pick<SuspenseProps, 'fallback'>;
/**
 * A controller component for rendering multiple {@link Props.states states} using `awaitOnly` to avoid unnecessary re-renders.
 * It utilizes the {@link useAll} hook under the hood to monitor the resolution or failure of all provided {@link Props.states states}.
 * This component integrates with the {@link Suspense} component, deferring rendering until all {@link Props.states states} are ready or an error occurs.
 *
 * @example
 * ```jsx
 *   <SuspenseOnlyAllController
 *     states={[asyncState1, asyncState2]}
 *     fallback={<div>Loading...</div>}
 *     renderIfError={(errors) => (
 *       <div>Error occurred: {errors.map((error, index) => (
 *         <div key={index}>Error {index + 1}: {error?.message}</div>
 *       ))}</div>
 *     )}
 *   >
 *     <div>All data has loaded successfully!</div>
 *   </SuspenseOnlyAllController>
 * ```
 */
declare const SuspenseOnlyAllController: <const S extends Array<AsyncState | Falsy>>(props: Props<S>) => react_jsx_runtime.JSX.Element;

export { SuspenseOnlyAllController as default };