/**
 * Configuration for val-page-waves.
 *
 * @example Basic (brand defaults):
 * ```html
 * <val-page-waves />
 * ```
 *
 * @example Custom palette + more waves:
 * ```html
 * <val-page-waves [props]="{ colors: ['#7026df','#0aa88c','#9b5de5','#c4a8f8'], wavelength: 7, amplitude: 32 }" />
 * ```
 */
export interface PageWavesMetadata {
    /**
     * CSS colors per layer, rendered bottom → top (first = tallest/back layer).
     * The number of items determines the number of wave layers.
     * Default: 3-layer brand palette.
     */
    colors?: string[];
    /**
     * CSS height of the wave section.
     * Default: `'clamp(200px, 20vw + 100px, 320px)'`
     */
    height?: string;
    /**
     * Vertical amplitude of each wave crest/trough in SVG units (viewBox is 1440×320).
     * Higher = more dramatic undulation. Default: `28`.
     */
    amplitude?: number;
    /**
     * Number of wave crests per layer.
     * Layers automatically offset by 1 for visual variety.
     * Default: `5`.
     */
    wavelength?: number;
}