@primer/react-brand/lib/Tooltip/Tooltip.d.ts

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

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';
type TooltipDirection = 'n' | 'e' | 's' | 'w';
export type TooltipProps = {
    direction?: TooltipDirection;
    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>;
};
export declare const TooltipContext: React.Context<{
    tooltipId?: string;
}>;
export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<unknown>>;
export {};