import { AuthBackgroundMetadata } from './types';
import * as i0 from "@angular/core";
interface WaveData {
    id: number;
    path: string;
    color: string;
    thickness: number;
    opacity: number;
    pulseDuration: number;
    pulseDelay: number;
    travelDuration: number;
    travelDelay: number;
    travelDirection: 'left' | 'right';
}
/**
 * val-auth-background
 *
 * A visually striking background component for authentication pages.
 * Features animated wave patterns, grain texture, and glassmorphism effects.
 * Supports dark mode automatically via CSS variables.
 *
 * @example Basic usage
 * ```html
 * <val-auth-background>
 *   <div class="my-content">
 *     <h1>Welcome</h1>
 *     <val-login [props]="loginProps" />
 *   </div>
 * </val-auth-background>
 * ```
 *
 * @example Custom configuration
 * ```html
 * <val-auth-background [props]="{
 *   waveCount: 30,
 *   showGrain: false,
 *   minHeight: '100vh'
 * }">
 *   <div class="content">...</div>
 * </val-auth-background>
 * ```
 */
export declare class AuthBackgroundComponent {
    private _props;
    set props(value: AuthBackgroundMetadata);
    get props(): AuthBackgroundMetadata;
    private defaultColors;
    private wavesSignal;
    config: import("@angular/core").Signal<{
        waveCount: number;
        waveColors: string[];
        showGrain: boolean;
        showGlass: boolean;
        minHeight: string;
    }>;
    waves: import("@angular/core").Signal<WaveData[]>;
    constructor();
    private regenerateWaves;
    static ɵfac: i0.ɵɵFactoryDeclaration<AuthBackgroundComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<AuthBackgroundComponent, "val-auth-background", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, ["*"], true, never>;
}
export {};