import type { PropsWithChildren } from "react";
import React from "react";
export declare type HighlightableElementProviderProps = PropsWithChildren<{
    /**
     * The reference to the root of the DOM. If (and only if) this is left as undefined,
     * this component will instantiate a View as a child and use that as the root instead.
     * You usually don't need to set this, unless either:
     *  - The wrapper we provide is making your app look weird. This can happen when you use
     *    tab bars / headers / etc.
     *  - You have several providers for whatever reason (you probably shouldn't).
     *
     * @since 1.0
     */
    rootRef?: React.Component<unknown> | null;
}>;
/**
 * The context provider that provides `HighlightOverlay` with the id's of all the
 * `HighlightableElement`s.
 *
 * If the `rootRef` prop is not set this provider must be placed top-level since it also serves as
 * the relative measuring point for the highlights.
 *
 * If the `rootRef` prop **is** set it only has to be above the `rootRef` and all `HighlightOverlay`
 * and `HighlightableElement` that is being used.
 *
 * @since 1.0
 */
declare function HighlightableElementProvider({ rootRef: externalRootRef, children, }: HighlightableElementProviderProps): JSX.Element;
export default HighlightableElementProvider;