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

type Props<S extends StateBase> = {
    state: S;
    /** Function that renders the state’s value. */
    render(...args: S extends AsyncState<infer V, infer E> ? [value: V | undefined, isLoaded: boolean, error: E | undefined] : S extends StateBase<infer V> ? [value: V] : never): ReturnType<FC>;
};
declare const Controller: {
    /**
     * A controller component that renders the value from the given {@link Props.state state}.
     * This component wraps the {@link useValue} hook and provides a flexible way
     * to render state values along with their loading and error statuses when applicable.
     * @example
     * ```jsx
     * <Controller
     *   state={state}
     *   render={(value) => <div>{value}</div>}
     * />
     *
     * <Controller
     *   state={asyncState}
     *   render={(value, isLoaded, error) => (
     *     <div>
     *       {isLoaded ? (
     *         error ? <span>Error: {error}</span> : <span>Value: {value}</span>
     *       ) : (
     *         <span>Loading...</span>
     *       )}
     *     </div>
     *   )}
     * />
     * ```
     */
    <S extends StateBase>(props: Props<S>): ReturnType<FC>;
};

export = Controller;