import React from 'react';
interface HoverableProps {
    children: React.ReactNode;
    /** Default container element is a <div />, optionally override the container element */
    containerElement?: React.ReactElement;
    /** If true then the Hoverable.Content will be shown when Hoverable is first mounted */
    defaultShow?: boolean;
    /** Optionally provide a style to be applied to the container element when hovering */
    hoverStyle?: React.CSSProperties;
    onHoverStateChange?: (args: {
        isHovering: boolean;
    }) => void;
}
declare function useHoverableContext(): {
    isHovering: boolean;
};
declare function Hoverable({ children, containerElement, defaultShow, hoverStyle, onHoverStateChange, }: HoverableProps): React.JSX.Element;
declare namespace Hoverable {
    var HoverContent: ({ children }: {
        children: any;
    }) => any;
    var TextEllipse: ({ text, ellipse }: {
        text?: string;
        ellipse: number;
    }) => React.JSX.Element | null;
}
export { Hoverable, useHoverableContext };
