import React from 'react';
import { PopperProps } from 'react-popper';
import { CardProps } from '@components/EditorialBlock/Card';
export interface TooltipProps {
    /**
     * String, or function that returns the string of data to be
     * displayed in the tooltip
     */
    data: string | (({ style, placement, arrowProps, }: Pick<TooltipProps, 'style' | 'placement' | 'arrowProps'>) => string | React.ReactNode);
    /**
     * Children, on hover of which the tooltip must trigger visible
     */
    children: React.ReactNode | React.ReactNode[];
    /**
     * Placement of tooltip
     *
     * @default 'top'
     */
    placement?: PopperProps<any>['placement'];
    /**
     * Arrow props, additional styles
     */
    arrowProps?: {
        style?: React.CSSProperties;
    };
    /**
     * Is tooltip initally visible
     *
     * @default false
     */
    initialVisibility?: Boolean;
    /**
     * Additional styles to pass to tooltip
     */
    style?: React.CSSProperties;
    backgroundColor?: CardProps['backgroundColor'];
}
declare const Tooltip: ({ data, children, placement, initialVisibility, arrowProps, style, backgroundColor, }: TooltipProps) => JSX.Element;
export default Tooltip;