import { ReactNode } from "react";
import { Placement } from "@floating-ui/react";
type TooltipSizes = "sm" | "md";
export interface Props {
    /**
     * Title of the tooltip
     */
    title?: string;
    /**
     * Content of the tooltip
     */
    children: ReactNode;
    /**
     * The Reference element. The tooltip will appear on click of the element. Don't pass an Interactive element.
     */
    trigger: ReactNode;
    /**
     * Size of the tooltip content container
     * @default "sm"
     */
    size?: TooltipSizes;
    /**
     * Placement of the tooltip
     * @default "bottom-end"
     */
    placement?: Placement;
    /**
     * Renders the tooltip on click
     * @default false
     */
    clickable?: boolean;
    /**
     * Pass space separated class names in order to modify the tooltip styles
     */
    className?: string;
    /**
     * Pass classes in order to modify the trigger element styles
     */
    triggerElementClassName?: string;
    /**
     * Pass a Callback to be executed on click of the tooltip
     */
    onTriggerClick?: () => void;
    /**
     * Pass boolean in order to render the tooltip inside the body element
     */
    renderOutSidePortal?: boolean;
    /**
     * aria-label for the Trigger
     */
    triggerAriaLabel?: string;
    /**
     * If disabled is true, the onTriggerClick callback won't be fired. If clickable is set to true then the popup won't be visible on click.
     * @default false
     */
    disabled?: boolean;
}
export declare function Tooltip({ title, children, trigger, size, placement, clickable, className, triggerElementClassName, onTriggerClick, renderOutSidePortal, triggerAriaLabel, disabled }: Props): JSX.Element | null;
export {};
