import { WeavyContext } from '@weavy/uikit-web';
import { Context } from '@weavy/uikit-web/dist/types/contexts/index.js';
/**
 * Hook to consume the Weavy context from the Weavy Web Components using the Context Community Protocol.
 * The useWeavyContext(ref) must be used with an element reference from any child from the DOM tree since it relies on standard events in the DOM.
 *
 * @see https://github.com/webcomponents-cg/community-protocols/blob/main/proposals/context.md
 * @param ref { (() => HTMLElement) | HTMLElement } - Reference object or function returning a reference object. The object needs to be placed in the DOM.
 * @param context { Context } - The context to use. Defaults to WeavyContext from uikit-web.
 * @returns Weavy instance
 * @example
 * import React, { useRef } from "react"
 * import { useWeavyContext } from "@weavy/uikit-react"
 *
 * export const MyComponent = () => {
 *   const domRef = useRef(null)
 *   const weavy = useWeavyContext(() => domRef.current)
 *
 *   useEffect(() => {
 *     if (weavy) {
 *       console.log("We got weavy", weavy.version)
 *     }
 *   }, [weavy])
 *
 *   // ...
 *   return (
 *     <>
 *       <span ref={domRef}></span>
 *     </>
 *   )
 * }
 */
export declare function useWeavyContext<TContext extends Context<unknown, unknown> = typeof WeavyContext, TElement extends HTMLElement = HTMLElement>(ref: (() => TElement | null) | TElement | null, context?: TContext): import('@weavy/uikit-web').WeavyType | import('@weavy/uikit-web/dist/types/utils/context/create-context.js').ContextType<TContext> | undefined;
export type { Context };