import { default as React } from 'react'; import { Placement } from '@floating-ui/react'; export type TooltipProps = { /** The element that you need to hover to show the tooltip. */ tooltipContent?: ((props: { setVisible: (value: boolean) => void; }) => React.JSX.Element) | React.ReactNode; /** The content inside of the tooltip. */ children: React.ReactNode; /** The position of the tooltip. */ position?: Placement | 'auto'; /** Optional className for the tooltip. */ className?: string; /** Optional prop to restrict the max width of the tooltip. */ maxWidth?: string; /** Optional prop to show the `SideDrawer` when in a mobile view. */ useSideDrawerForMobile?: boolean; /** Optional prop to show custom header content on `SideDrawer` for mobile view. Only applicable in case of `useSideDrawerForMobile` is set to true. */ sideDrawerHeader?: string; /** Optional prop to show copy icon to copy the tooltip content. */ copyToClipboard?: boolean; /** Optional prop to set the color of the arrow. */ /** * @deprecated This prop is no longer supported. **/ arrowColor?: 'medium-purple' | 'red' | 'green' | 'blue' | 'white'; /** Optional prop to remove padding */ noPadding?: boolean; /** Optional prop to disable the tooltip. */ disabled?: boolean; /** Optional prop to disable click event propagation on the tooltip. */ enableClickThrough?: boolean; /** Optional prop to add a test id to the Tooltip for QA testing */ qaTestId?: string; }; declare const Tooltip: ({ tooltipContent, children, position, className, maxWidth, useSideDrawerForMobile, sideDrawerHeader, copyToClipboard, noPadding, disabled, enableClickThrough, qaTestId, }: TooltipProps) => React.JSX.Element; export default Tooltip;