import { ReactNode } from "react";
import { VoidFuncNoParam } from "../../../fd-toolbox/functions/internal-getter-setter-functions";
/** @monorepo-internal */
export declare const flexRowReverseStyele = "flex-row-reverse";
/**
 * Props of {@link FadeOutText}
 */
export interface FadeOutTextProps {
    className?: string;
    id?: string;
    /** The content to be displayed inside the fade-out text container */
    children?: ReactNode;
    /** Align text to the right if true */
    rightAlign?: boolean;
    /** Event handler called when the tooltip is clicked */
    onTooltipClick?: VoidFuncNoParam;
    /** Whether to hide the tooltip */
    shouldHideTooltip?: boolean;
    /** Content to be displayed inside the tooltip */
    tooltipContent?: ReactNode;
    /** Ref to the container div */
    ref?: React.Ref<HTMLDivElement>;
}
/**
 * @param FadeOutTextProps {@link FadeOutTextProps}
 *
 * @example
 * ```tsx
    function MyComponent() {
        return (
            <FadeOutText
                rightAlign={true}
                tooltipContent="This is the full content that appears in the tooltip"
                onTooltipClick={...}
            >
                This is a very long text that will be truncated with fade effect when it reaches the container width
            </FadeOutText>
        );
    }
 * ```
 */
export declare function FadeOutText({ children, className, id, rightAlign, shouldHideTooltip, onTooltipClick, tooltipContent, ref, }: FadeOutTextProps): import("react").JSX.Element;
export declare namespace FadeOutText {
    var displayName: string;
}
