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

export type { ColorStop };
export interface ComponentProps {
    /**
     * First gradient color (two-color fallback when stops are cleared)
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#1a0533"
     */
    colorA: Parameters<typeof transformColor>[0];
    /**
     * Second gradient color (two-color fallback when stops are cleared)
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#ffdf8e"
     */
    colorB: Parameters<typeof transformColor>[0];
    stops: ColorStop[] | null;
    /**
     * Color space for color interpolation
     *
     * Accepts one of the predefined option values.
     * @default "oklab"
     */
    colorSpace: string;
    /**
     * Number of color points scattered across the canvas
     *
     * Accepts a number between 2 and 8.
     * @default 5
     */
    count: number;
    /**
     * How smoothly the color points blend into each other
     *
     * @default 2
     */
    smoothness: number;
    /**
     * Varies edge softness across the canvas — some color boundaries crisp, others diffuse
     *
     * @default 0.35
     */
    variation: number;
    /**
     * Vortex rotation that spirals the field around the frame centre — negative values spin the other way
     *
     * @default 0.3
     */
    swirl: number;
    /**
     * How far the color points wander from their home positions
     *
     * @default 0.5
     */
    drift: number;
    /**
     * Wraps the palette back through itself where colors meet — banded seams where the field pinches, smooth elsewhere
     *
     * @default 0
     */
    wrapping: number;
    /**
     * Animation speed
     *
     * Accepts a number between 0 and 10.
     * @default 1
     */
    speed: number;
    /**
     * Random seed for the point layout and palette assignment
     *
     * @default 0
     */
    seed: number;
}
export declare const componentDefinition: GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map