import React, { PropsWithChildren } from 'react';
import { TextProps } from '../Text/Text';
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/base.css';
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes.css';
export declare const testIds: {
    root: string;
    readonly text: string;
    readonly cursor: string;
};
export type TextCursorAnimationProps = {
    /**
     * Whether to animate the text with a typing effect.
     */
    animate?: boolean;
    /**
     * Optional text to type before transitioning to the final text
     */
    initialText?: string;
    ['data-testid']?: string;
    delay?: number;
    waitForPageLoad?: boolean;
    animationTrigger?: 'immediate' | 'on-visible';
} & React.HTMLAttributes<HTMLSpanElement> & Omit<TextProps, 'animate' | 'as'>;
export declare function TextCursorAnimation({ children, className, animate, initialText, 'data-testid': testId, delay, waitForPageLoad, animationTrigger, variant, }: PropsWithChildren<TextCursorAnimationProps>): React.JSX.Element;
//# sourceMappingURL=TextCursorAnimation.d.ts.map