import { default as React, ReactNode, HTMLAttributes } from 'react'; /** * Specifies tooltip position. */ export type Side = 'top' | 'right' | 'bottom' | 'left'; /** * Specifies tooltip alignment. */ export type Alignment = 'start' | 'center' | 'end'; /** * Combines side + alignment (e.g., "top-start"). */ export type Placement = `${Side}-${Alignment}`; export interface TooltipProps extends Omit, 'content'> { /** * Text/content of the tooltip. */ content: ReactNode; /** * Defines the side or side-alignment (e.g., "top-center", "right-end") of the tooltip. */ placement?: Placement; /** * If the tooltip can be closed by a button. */ dismissible?: boolean; /** * Called when the dismiss button is clicked. */ onDismiss?: (ev: React.KeyboardEvent | React.MouseEvent) => void; /** * Element that activates the tooltip on hover/focus. */ children: ReactNode; /** * ID to find this component in testing tools (e.g.: cypress, testing library, and jest). */ testId?: string; /** * Maximum width of the tooltip. */ maxWidth?: number; /** * ID for the tooltip content to be used with aria-describedby. */ describedById?: string; } declare const Tooltip: React.ForwardRefExoticComponent>; export default Tooltip; //# sourceMappingURL=Tooltip.d.ts.map