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

/**
 * Glitchy text effect — colour-split horizontal-tear glitch on the
 * provided text. Defaults to playing constantly; toggle `[enableOnHover]`
 * to make it idle until the user hovers.
 *
 * @example
 * ```html
 * <wr-glitch-text text="404" />
 * <wr-glitch-text text="ERROR" [speed]="0.5" [enableOnHover]="true" />
 * ```
 *
 * @see https://www.reactbits.dev/text-animations/glitch-text
 */
declare class WrGlitchText {
    /** Text to glitch. Required — the value populates `data-text` for the pseudo clones. */
    readonly text: _angular_core.InputSignal<string>;
    /** Time multiplier — higher = slower glitching. @default 1 */
    readonly speed: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Show the red / cyan colour-split shadows. @default true */
    readonly enableShadows: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Only glitch on hover (idle until then). @default true */
    readonly enableOnHover: _angular_core.InputSignalWithTransform<boolean, any>;
    /**
     * Surface colour for the clone slices. Pass the colour of the surface the
     * component sits on so the slicing illusion masks cleanly; leave unset
     * (transparent) on the page canvas. @default '' (transparent)
     */
    readonly background: _angular_core.InputSignal<string>;
    protected readonly beforeShadow: _angular_core.Signal<"5px 0 var(--wr-color-info)" | "none">;
    protected readonly afterShadow: _angular_core.Signal<"none" | "-5px 0 var(--wr-color-danger)">;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrGlitchText, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrGlitchText, "wr-glitch-text", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "enableShadows": { "alias": "enableShadows"; "required": false; "isSignal": true; }; "enableOnHover": { "alias": "enableOnHover"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrGlitchText };