import { HTMLStencilElement } from '@stencil/core/internal';
import { ContextProvider, ListenerOptions } from 'dom-context';
export declare function createContext<T>(name: string, initial?: T): {
    useContext: (options?: PollingOpts) => T;
    useContextState: (initialState?: T) => readonly [T, StateUpdater<T>, ContextProvider<T>];
    Listener: new (o: Pick<ListenerOptions<T>, "element" | "onChange" | "onStatus" | "pollingMs" | "attempts">) => import("dom-context").ContextListener<T>;
    listen(o: Pick<ListenerOptions<T>, "element" | "onChange" | "onStatus" | "pollingMs" | "attempts">): import("dom-context").ContextListener<T>;
    Provider: new (o: Pick<import("dom-context").ProviderOptions<T>, "element" | "initialState">) => ContextProvider<T>;
    provide(o: Pick<import("dom-context").ProviderOptions<T>, "element" | "initialState">): ContextProvider<T>;
    provideGlobally(next: T): void;
    name: string;
};
export declare function useComponent<T = unknown>(): T;
export declare function useHost(): HTMLStencilElement;
declare type PollingOpts<T = unknown> = Omit<ListenerOptions<T>, 'contextName' | 'element' | 'onChange'>;
/**
 * Uses the parent context, if it exists. Similar to React's `useContext`
 *
 * Since this uses `dom-context` as the library, functional components can't provide context
 *
 * @param contextName
 */
export declare function useDomContext<T = unknown>(contextName: string, options?: PollingOpts): T | undefined;
declare type NewState<T> = T | ((previousState?: T) => T);
declare type StateUpdater<T> = (value: NewState<T>) => void;
/**
 * Similar to `useState` except the state is shared with children
 */
export declare function useDomContextState<T>(contextName: string, initialState?: T): readonly [T, StateUpdater<T>, ContextProvider<T>];
export {};