import * as React from 'react';

type WithIndex<T> = T & {
    index: number;
};
type DescendantContextProvider<O extends {} = {}, T extends O & Descendant = O & Descendant> = React.FC<React.PropsWithChildren<{
    items?: WithIndex<T>[];
    onItemsChange?: (i: WithIndex<T>[] | ((prev: WithIndex<T>[]) => WithIndex<T>[])) => void;
}>>;
type UseDescendantsHook<O extends {} = {}, T extends O & Descendant = O & Descendant> = (childName: string) => WithIndex<T>[];
type UseDescendantHook<O extends {} = {}, T extends O & Descendant = O & Descendant> = (childName: string, descendant: T) => WithIndex<{}>;
/**
 * Creates new context for registering descendants and returns a tuple with:
 *   - `DescendantsProvider`: provide state to a collection of descendants
 *   - `useDescendants`: hook for getting descendants
 *   - `useDescendant`: hook for registering a descendant and retrieving its index
 */
declare function createDescendantContext<O extends {} = {}, T extends O & Descendant = O & Descendant>(rootName: string, defaultContext?: DescendantContextValue<O, T>): [
    DescendantContextProvider<O, T>,
    UseDescendantsHook<O, T>,
    UseDescendantHook<O, T>
];
interface DescendantContextValue<O extends {} = {}, T extends O & Descendant = O & Descendant> {
    descendants: WithIndex<T>[];
    register(descendant: T): void;
}

type Descendant = {
    ref: React.MutableRefObject<HTMLElement | null>;
};

export { Descendant, DescendantContextValue, createDescendantContext };