import type { JSXElement } from '@fluentui/react-utilities';
import { OnVisibleChangeData } from '@fluentui/react-tooltip';
import type { TooltipBaseProps } from '@fluentui/react-tooltip';
import type { TooltipBaseState } from '@fluentui/react-tooltip';
import { TooltipSlots } from '@fluentui/react-tooltip';
import { TooltipTriggerProps } from '@fluentui/react-tooltip';

export { OnVisibleChangeData }

/**
 * Render the final JSX of Tooltip.
 */
export declare const renderTooltip: (state: TooltipState) => JSXElement;

/**
 * Tooltip renders a non-modal floating label or description anchored to a trigger element.
 */
export declare const Tooltip: {
    (props: TooltipProps): JSXElement;
    displayName: string;
};

/**
 * Props for the Tooltip component.
 *
 * Reuses Tooltip base props while omitting `mountNode` for the headless preview API surface.
 * Positioning is handled by the Tooltip base implementation via `usePositioning` from
 * `@fluentui/react-positioning`.
 */
export declare type TooltipProps = Omit<TooltipBaseProps, 'mountNode'>;

export { TooltipSlots }

/**
 * State used in rendering Tooltip.
 *
 * Extends Tooltip base state with headless-specific data attributes used for styling hooks.
 */
export declare type TooltipState = Omit<TooltipBaseState, 'mountNode' | 'hidden'> & {
    content: {
        'data-open'?: string;
    };
};

export { TooltipTriggerProps }

/**
 * Create the state required to render Tooltip.
 *
 * @param props - props from this instance of Tooltip
 */
export declare const useTooltip: (props: TooltipProps) => TooltipState;

export { }