import { ReactNode, FC } from 'react';
import { TypographyProps } from '../Typography';
import { PopOverProps } from '../PopOver';
/**
 * Tooltip
 *
 * A small info shown on hover.
 * Positioned below the anchor element,
 * aligned to it's center.
 */
export declare const TOOLTIP_DELAY_MS = 250;
export declare const ExpandedTooltipAnimation: import("styled-components").FlattenSimpleInterpolation;
export declare const ExpandedTooltipTypography: FC<Omit<TypographyProps, 'variant'>>;
export interface TooltipProps extends Omit<PopOverProps, 'anchorEl'> {
    /**
     * Optional Tooltip variant.
     * Default: `default`
     */
    readonly variant?: 'default';
    /**
     * text inside the tooltip.
     */
    readonly text: string;
}
export interface ExpandedTooltipProps extends Omit<PopOverProps, 'anchorEl'> {
    readonly children?: ReactNode;
    /**
     * Required Tooltip variant.
     */
    readonly variant: 'expanded';
    /**
     * Optional placement.
     * Default: `up-down`
     */
    readonly placement?: 'up-down' | 'left-right';
    /**
     * Optional semibold title text inside the tooltip.
     */
    readonly tipTitle?: string;
    /**
     * Optional extra info shown in the right corner.
     */
    readonly extraInfo?: string;
    /**
     * React element that will appear under the tipTitle.
     * Recommend to use `ExpandedTooltipTypography` to get proper Typography.
     */
    readonly contents: ReactNode;
}
export declare const Tooltip: FC<TooltipProps | ExpandedTooltipProps>;