///
import { TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
import { IconName } from './icons';
type CssProps = {
/** Default max-width is 500px */
maxWidth?: string;
/** Default is 198px. */
minWidth?: string;
/** 'Set to "true" if you want a black tooltip with white text. Custom content may need to be styled for the darker background. */
isDark?: boolean;
};
type TooltipProps = {
children: React.ReactNode;
className?: string;
iconName?: IconName;
target?: React.ReactNode;
'data-testid'?: string;
/** Tooltip will place itself, but use this prop if you want to control where it will try to show by default. */
placement?: 'top' | 'right' | 'bottom' | 'left';
/** To be used if this is a controlled tooltip. */
open?: boolean;
/** Default tooltip has the arrow indictor */
arrow?: boolean;
/** Sets the default IconButton size. */
size?: string;
} & CssProps & Omit;
export declare const TooltipTargetIcon: import("styled-components").StyledComponent>, "size"> & import("./types").InferComponentProps) => JSX.Element | null, import("styled-components").DefaultTheme, {}, never>> & import("react").RefAttributes>, import("styled-components").DefaultTheme, {}, never>;
export declare const Tooltip: import("styled-components").StyledComponent<({ className, children, iconName, target, "data-testid": dataTestId, arrow, isDark, placement, size, ...props }: TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
export {};