import React from "react";
import "./tooltip.scss";
import { ElementPosition } from "./useOverlay";
export declare type TooltipTrigger = "hover" | "click" | "focus";
export declare type TooltipTheme = "default" | "light" | "primary" | "warning" | "success" | "danger" | "purple";
export declare type TooltipPosition = ElementPosition;
export declare type TooltipProps = Omit<JSX.IntrinsicElements["div"], "ref"> & {
    /** Css style positions: top/bottom/left/right */
    position?: TooltipPosition;
    /** Based on SEB predefined colors */
    theme?: TooltipTheme;
    /** Tooltip content */
    content?: string | React.ReactNode;
    /** Tooltip trigger mode */
    trigger?: TooltipTrigger;
    /** Force tooltip to be at certain position */
    disableAutoPosition?: boolean;
    /** Force show tooltip */
    forceShow?: boolean;
    /** callback on tooltip visibility status change */
    onVisibleChange?: (event: React.MouseEvent<HTMLDivElement> | React.FocusEvent<HTMLElement> | React.TouchEvent<HTMLDivElement>, visible: boolean) => void;
    /** tooltip content wrapper props */
    tooltipWrapperProps?: JSX.IntrinsicElements["div"];
};
export declare const Tooltip: React.FC<TooltipProps>;