import * as React from 'react';
import { TooltipProps as MuiTooltipProps } from '@mui/material';
import { TypographyProps } from '../typography/Typography';
export declare const tooltipVariants: readonly ["default", "white", "error", "blue"];
type TooltipVariant = (typeof tooltipVariants)[number];
export declare const tooltipPlacements: readonly ["top", "bottom", "left", "right"];
type TooltipPlacement = (typeof tooltipPlacements)[number];
export type TooltipProps = Pick<MuiTooltipProps, 'children' | 'disableHoverListener' | 'open'> & {
    /**
     * The content to display in the tooltip.
     */
    title: NonNullable<React.ReactNode>;
    /**
     * The placement of the tooltip.
     */
    placement?: TooltipPlacement;
    /**
     * If set, it won't close when the user hovers over the tooltip
     */
    interactive?: boolean;
    /**
     * If set, tooltip will show up in disabled elements such as buttons and text fields. Default is false.
     */
    allowDisabled?: boolean;
    /**
     * The background color of the tooltip
     * @default 'default'
     */
    variant?: TooltipVariant;
    /**
     * The variant of the text in the tooltip
     */
    textVariant?: TypographyProps['variant'];
    /**
     * If set, the arrow will be shown
     * @default false
     */
    enableArrow?: boolean;
    /**
     * The border radius of the tooltip
     * @default 4
     */
    borderRadius?: number;
    /**
     * Class to override .MuiTooltip-popper styles
     */
    popperClass?: string;
    /**
     * zIndex to set in tooltip
     */
    zIndex?: number;
};
/**
 * A tooltip component that can be used to display additional information about
 * an element.
 * Its used by wrapping the trigger element with the Tooltip component.
 * **IMPORTANT**: The Tooltip children must be able to hold a ref. More info here:
 * - https://mui.com/material-ui/guides/composition/#caveat-with-refs
 * - https://reactjs.org/docs/forwarding-refs.html#forwarding-refs-to-dom-components
 */
declare const Tooltip: React.ForwardRefExoticComponent<Pick<MuiTooltipProps, "open" | "children" | "disableHoverListener"> & {
    /**
     * The content to display in the tooltip.
     */
    title: NonNullable<React.ReactNode>;
    /**
     * The placement of the tooltip.
     */
    placement?: TooltipPlacement;
    /**
     * If set, it won't close when the user hovers over the tooltip
     */
    interactive?: boolean;
    /**
     * If set, tooltip will show up in disabled elements such as buttons and text fields. Default is false.
     */
    allowDisabled?: boolean;
    /**
     * The background color of the tooltip
     * @default 'default'
     */
    variant?: TooltipVariant;
    /**
     * The variant of the text in the tooltip
     */
    textVariant?: TypographyProps["variant"];
    /**
     * If set, the arrow will be shown
     * @default false
     */
    enableArrow?: boolean;
    /**
     * The border radius of the tooltip
     * @default 4
     */
    borderRadius?: number;
    /**
     * Class to override .MuiTooltip-popper styles
     */
    popperClass?: string;
    /**
     * zIndex to set in tooltip
     */
    zIndex?: number;
} & React.RefAttributes<HTMLDivElement>>;
export default Tooltip;
