import { FC } from 'react';
import { j as StateBase, A as AsyncState } from '../types-5EvFF6wb.js';
import 'keyweaver';

type Props<S extends StateBase[], V> = {
    states: S;
    /** Function that merges the values from the provided {@link Props.states states}. */
    merger(values: {
        [index in keyof S]: S[index] extends StateBase<infer K> ? K | (S[index] extends AsyncState ? undefined : never) : never;
    }): V;
    /** Function that renders the merged value. */
    render(mergedValue: V): ReturnType<FC>;
};
/**
 * A controller that {@link Props.merger merges} values from multiple {@link Props.states states} and passes the result to a {@link Props.render render} function.
 * This component serves as a wrapper for the {@link useMergedValue} hook.
 * @example
 * ```jsx
 * <MergedController
 *   states={[state1, state2]}
 *   merger={(value1, value2) => `${value1} and ${value2}`}
 *   render={(mergedValue) => <span>Merged: {mergedValue}</span>}
 * />
 * ```
 */
declare const MergedController: <const S extends StateBase[], V>(props: Props<S, V>) => ReturnType<FC>;

export { MergedController as default };