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

export interface ComponentProps {
    /**
     * The center point where ripples emanate from
     *
     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
     * @default {"x":0.5,"y":0.5}
     */
    center: Parameters<typeof transformPosition>[0];
    /**
     * Color of the ripple waves
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#ffffff"
     */
    colorA: Parameters<typeof transformColor>[0];
    /**
     * Background color between ripples
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#000000"
     */
    colorB: Parameters<typeof transformColor>[0];
    /**
     * Speed of ripple animation
     *
     * Accepts a number between -5 and 5.
     * @default 1
     */
    speed: number;
    /**
     * Number of ripples/spacing between them
     *
     * @default 20
     */
    frequency: number;
    /**
     * Softness of ripple edges
     *
     * @default 0
     */
    softness: number;
    /**
     * Thickness of each ripple band
     *
     * @default 0.5
     */
    thickness: number;
    /**
     * Phase offset for ripple animation
     *
     * @default 0
     */
    phase: number;
}
export declare const componentDefinition: import('../..').GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map