import type { ComponentProps } from '@fluentui/react-utilities';
import type { ComponentState } from '@fluentui/react-utilities';
import type { FluentProviderContextValues } from '@fluentui/react-provider';
import { FluentProviderProps } from '@fluentui/react-provider';
import type { JSXElement } from '@fluentui/react-utilities';
import * as React_2 from 'react';
import type { Slot } from '@fluentui/react-utilities';
import { useFluent_unstable as useProviderContext } from '@fluentui/react-shared-contexts';

/**
 * Renders required context providers for Fluent Headless Components.
 */
export declare const Provider: React_2.ForwardRefExoticComponent<Omit<ProviderSlots, "root"> & React_2.FragmentProps & Pick<FluentProviderProps, "dir" | "targetDocument"> & React_2.RefAttributes<HTMLDivElement>>;

declare type ProviderContextValues = FluentProviderContextValues;

/**
 * Provider Props
 */
export declare type ProviderProps = ComponentProps<ProviderSlots> & Pick<FluentProviderProps, 'dir' | 'targetDocument'>;

declare type ProviderSlots = {
    root: Slot<React_2.FragmentProps>;
};

/**
 * State used in rendering Provider
 */
export declare type ProviderState = ComponentState<ProviderSlots> & Pick<FluentProviderProps, 'dir' | 'targetDocument'>;

/**
 * Render the final JSX of Provider
 */
export declare const renderProvider: (state: ProviderState, contextValues: FluentProviderContextValues) => JSXElement;

export declare const useProvider: (props: ProviderProps, ref: React_2.Ref<HTMLDivElement>) => ProviderState;

export { useProviderContext }

export declare const useProviderContextValues: (state: ProviderState) => ProviderContextValues;

export { }