import * as _angular_core from '@angular/core';

type WrGradientTextDirection = 'horizontal' | 'vertical' | 'diagonal';

/**
 * Animated multi-stop gradient text. The gradient slides across the text
 * via `background-clip: text`. Optional `[showBorder]` wraps the text in
 * a dark pill with the same animated gradient as a border ring.
 *
 * @example
 * ```html
 * <wr-gradient-text>Hello, ngwr!</wr-gradient-text>
 * <wr-gradient-text
 *   [colors]="['#5227FF', '#FF9FFC', '#B497CF']"
 *   direction="diagonal"
 *   [animationSpeed]="6"
 *   [showBorder]="true"
 * >
 *   Premium feature
 * </wr-gradient-text>
 * ```
 *
 * @see https://www.reactbits.dev/text-animations/gradient-text
 */
declare class WrGradientText {
    /** Gradient stops. @default ['#5227FF', '#FF9FFC', '#B497CF'] */
    readonly colors: _angular_core.InputSignal<readonly string[]>;
    /** Seconds per full sweep (or per half if `[yoyo]` is on). @default 8 */
    readonly animationSpeed: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Wrap the text in a dark pill with the gradient as a border. @default false */
    readonly showBorder: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Gradient slide direction. @default 'horizontal' */
    readonly direction: _angular_core.InputSignal<WrGradientTextDirection>;
    /** Pause the animation while hovered. @default false */
    readonly pauseOnHover: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Bounce back-and-forth instead of restarting. @default true */
    readonly yoyo: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly gradient: _angular_core.Signal<string>;
    protected readonly size: _angular_core.Signal<"100% 300%" | "300% 300%" | "300% 100%">;
    private directionAngle;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrGradientText, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrGradientText, "wr-gradient-text", never, { "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "animationSpeed": { "alias": "animationSpeed"; "required": false; "isSignal": true; }; "showBorder": { "alias": "showBorder"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "yoyo": { "alias": "yoyo"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

export { WrGradientText };
export type { WrGradientTextDirection };