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

type Props<S extends StateBase, V> = {
    state: S;
    /** Function that maps the {@link Props.state state’s} value. */
    mapper(...args: S extends AsyncState<infer T, infer E> ? [value: T | undefined, isLoaded: boolean, error: E | undefined] : S extends StateBase<infer T> ? [value: T] : never): V;
    /** Function to render the mapped value. */
    render(mappedValue: V): ReturnType<FC>;
};
declare const MappedController: {
    /**
     * A controller that {@link mapper maps} a value from {@link Props.state state} and passes it to a {@link Props.render render} function.
     * This component serves as a wrapper for the {@link useMappedValue} hook.
     * @example
     * ```jsx
     * <MappedController
     *   state={state}
     *   mapper={(value) => value % 2}
     *   render={(isEven) => <span>{isEven ? 'even' : 'odd'}</span>}
     * />
     *
     * <MappedController
     *   state={asyncState}
     *   mapper={(value, isLoaded) => !isLoaded || !!value }
     *   render={(isRenderable) => isRenderable && <Component />}
     * />
     * ```
     */
    <S extends StateBase, V>(props: Props<S, V>): ReturnType<FC>;
};

export = MappedController;