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