import { GpuShaderDefinition } from '../../gpu/porters';
import { transformColor } from '../../utilities/transformations';

export interface ComponentProps {
    /**
     * Cross-section shape of each flute
     *
     * Accepts one of: `"bars"`, `"rounded"`, `"waves"`.
     * @default "bars"
     */
    shape: string;
    /**
     * Direction of the flutes in degrees (0 = vertical bars)
     *
     * @default 0
     */
    angle: number;
    /**
     * Number of flutes across the longest viewport axis
     *
     * @default 10
     */
    frequency: number;
    /**
     * How smoothly distortion fades from each flute centre to its edge (0 = flat middle / sharp seams, 1 = gentle curve)
     *
     * @default 0.5
     */
    softness: number;
    /**
     * How far each flute sways horizontally as it travels (Waves shape only)
     *
     * @default 0.06
     */
    waveAmplitude: number;
    /**
     * How many sways fit along each flute (Waves shape only)
     *
     * @default 1.5
     */
    waveFrequency: number;
    /**
     * Animation speed — drifts the flute pattern over time and flows wave perturbations
     *
     * Accepts a number between -1 and 1.
     * @default 0
     */
    speed: number;
    /**
     * How aggressively each flute bends content beneath it
     *
     * @default 1.5
     */
    refraction: number;
    /**
     * Chromatic aberration — splits RGB along the refraction direction at flute seams
     *
     * @default 0.2
     */
    aberration: number;
    /**
     * Direction the light source is coming from (0 = head-on, 90 = grazing)
     *
     * Accepts a number between -90 and 90.
     * @default 30
     */
    lightAngle: number;
    /**
     * Strength of the specular reflection on each flute
     *
     * @default 0.2
     */
    highlight: number;
    /**
     * Spread of the specular peak (0 = pin-tight, 1 = broad sheen)
     *
     * @default 0.3
     */
    highlightSoftness: number;
    /**
     * Color of the specular highlight
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#ffffff"
     */
    highlightColor: Parameters<typeof transformColor>[0];
    /**
     * How to handle edges when distortion samples beyond the canvas
     *
     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
     * @default "mirror"
     */
    edges: string;
}
export declare const componentDefinition: GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map