import React from 'react';
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css';
import { BaseProps } from '../component-helpers';
export declare const TooltipDirections: readonly ["nw", "n", "ne", "e", "se", "s", "sw", "w"];
export declare const TooltipDelays: readonly ["short", "medium", "long"];
export type TooltipDirection = (typeof TooltipDirections)[number];
export type TooltipDelay = (typeof TooltipDelays)[number];
export type TooltipProps = {
    direction?: TooltipDirection;
    delay?: TooltipDelay;
    text: string;
    type?: 'label' | 'description';
    children?: React.ReactNode;
} & BaseProps<HTMLDivElement>;
export type TriggerPropsType = {
    'aria-describedby'?: string;
    'aria-labelledby'?: string;
    'aria-label'?: string;
    onBlur?: React.FocusEventHandler;
    onFocus?: React.FocusEventHandler;
    onMouseEnter?: React.MouseEventHandler;
    onMouseLeave?: React.MouseEventHandler;
    ref?: React.RefObject<HTMLElement | null>;
};
export declare const TooltipContext: React.Context<{
    tooltipId?: string;
}>;
export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<unknown>>;