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

export interface ComponentProps {
    /**
     * Base liquid color
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#0066ff"
     */
    baseColor: Parameters<typeof transformColor>[0];
    /**
     * Color for upward movement
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#00ff00"
     */
    upColor: Parameters<typeof transformColor>[0];
    /**
     * Color for downward movement
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#ff0000"
     */
    downColor: Parameters<typeof transformColor>[0];
    /**
     * Color for leftward movement
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#0000ff"
     */
    leftColor: Parameters<typeof transformColor>[0];
    /**
     * Color for rightward movement
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#ffff00"
     */
    rightColor: Parameters<typeof transformColor>[0];
    /**
     * Strength of the liquid effect
     *
     * Accepts a number between 0.5 and 1.5.
     * @default 1
     */
    intensity: number;
    /**
     * Radius of the liquid effect
     *
     * Accepts a number between 0 and 5.
     * @default 3
     */
    radius: number;
    /**
     * How much momentum colors retain in their flow direction
     *
     * Accepts a number between 10 and 60.
     * @default 30
     */
    momentum: number;
}
export declare const componentDefinition: GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map