import { ReactNode, ReactElement } from 'react';
import { TooltipDelay } from './timer-delays';
import { TooltipPlacementsType } from '../tooltip';
import './truncate-with-tooltip.less';
type TruncateWithTooltipProps = {
    /** Support only one html elements */
    children: ReactElement;
    /** Set tooltip placement */
    tooltipPlacement?: TooltipPlacementsType;
    /** Set custom tooltip text instead of content text */
    tooltipText?: ReactNode;
    /** Set docs link for the tooltip */
    tooltipDocsLink?: ReactNode;
    /** The delay type which includes a period of time to wait before showing the tooltip */
    tooltipDelayType?: TooltipDelay;
    tooltipTestId?: string;
    /** Extend the styles applied to the container  */
    className?: string;
    /** If true, the tooltip will be disabled */
    isDisabled?: boolean;
    tooltipId?: string;
};
/**
 * The component recognizes whether a text element is overflowed truncate it with CSS and provide full text in the tooltip.
 * - supports custom tooltip text with custom placement.
 * - supports only one element as children inside
 * - need provide any HTML element inside component like <span> or <p>.
 * 🚨 NOTE ➡️: max-width & min-width for a parent element is required for proper work. 🚨
 * */
declare const TruncateWithTooltip: ({ children, tooltipPlacement, tooltipText, tooltipId, tooltipDocsLink, tooltipDelayType, tooltipTestId, className, isDisabled, }: TruncateWithTooltipProps) => import("react/jsx-runtime").JSX.Element;
export default TruncateWithTooltip;
