import { transformColor, transformAngle } from '../../utilities/transformations';

export interface ComponentProps {
    /**
     * First color
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#000000"
     */
    colorA: Parameters<typeof transformColor>[0];
    /**
     * Second color
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#ffffff"
     */
    colorB: Parameters<typeof transformColor>[0];
    /**
     * Number of chevron pairs visible
     *
     * @default 5
     */
    count: number;
    /**
     * Rotation angle of the chevrons
     *
     * @default 0
     */
    angle: Parameters<typeof transformAngle>[0];
    /**
     * Ratio of the two colors
     *
     * @default 0.5
     */
    balance: number;
    /**
     * Edge softness
     *
     * @default 0
     */
    softness: number;
    /**
     * Animation speed
     *
     * Accepts a number between -2 and 2.
     * @default 0
     */
    speed: number;
    /**
     * Phase offset for pattern positioning
     *
     * @default 0
     */
    offset: number;
    /**
     * Color space for interpolation
     *
     * Accepts one of the predefined option values.
     * @default "linear"
     */
    colorSpace: string;
}
export declare const componentDefinition: import('../..').GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map