import { transformPosition } from '../../utilities/transformations';
import { ColorStop } from '../../utilities/colorStops';

export type { ColorStop };
export interface ComponentProps {
    /**
     * Overall animation speed
     *
     * Accepts a number between 0 and 2.
     * @default 0.5
     */
    speed: number;
    /**
     * How far the strands wave away from their resting line
     *
     * @default 2
     */
    amplitude: number;
    /**
     * How many waves run along each strand
     *
     * @default 0.3
     */
    frequency: number;
    /**
     * Number of strands
     *
     * Accepts a number within the specified range.
     * @default 8
     */
    lineCount: number;
    /**
     * Thickness of each strand’s solid core
     *
     * @default 0.05
     */
    lineWidth: number;
    /**
     * Softness of each strand’s edge (0 is crisp, higher is feathered)
     *
     * @default 0.05
     */
    softness: number;
    /**
     * How far the strands fan out across the field
     *
     * @default 0.2
     */
    spread: number;
    stops: ColorStop[] | null;
    /**
     * Color space used to blend the gradient
     *
     * Accepts one of the predefined option values.
     * @default "oklab"
     */
    colorSpace: string;
    /**
     * How many times the gradient repeats along the strands
     *
     * @default 1
     */
    colorScale: number;
    /**
     * At 0 every strand shares the same color; at 1 the strands spread across the full gradient
     *
     * @default 1
     */
    colorVariance: number;
    /**
     * Speed at which the colors flow along the strands (loops)
     *
     * Accepts a number between 0 and 2.
     * @default 1
     */
    colorSpeed: number;
    /**
     * Pin the strands so they converge to the start and end points
     *
     * Accepts a boolean value (`true` or `false`).
     * @default false
     */
    pinEdges: boolean;
    /**
     * Starting point of the strands
     *
     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
     * @default {"x":0,"y":0.5}
     */
    start: Parameters<typeof transformPosition>[0];
    /**
     * Ending point of the strands
     *
     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
     * @default {"x":1,"y":0.5}
     */
    end: Parameters<typeof transformPosition>[0];
}
export declare const componentDefinition: import('../..').GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map