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

export interface ComponentProps {
    /**
     * The color of the sine wave
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#ffffff"
     */
    color: Parameters<typeof transformColor>[0];
    /**
     * The height/amplitude of the sine wave
     *
     * @default 0.15
     */
    amplitude: number;
    /**
     * The frequency/number of wave cycles
     *
     * @default 1
     */
    frequency: number;
    /**
     * The animation speed of the wave
     *
     * Accepts a number between -5 and 5.
     * @default 1
     */
    speed: number;
    /**
     * The rotation angle of the wave (in degrees)
     *
     * @default 0
     */
    angle: Parameters<typeof transformAngle>[0];
    /**
     * The center position of the wave
     *
     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
     * @default {"x":0.5,"y":0.5}
     */
    position: Parameters<typeof transformPosition>[0];
    /**
     * The thickness of the wave line
     *
     * @default 0.2
     */
    thickness: number;
    /**
     * Edge softness of the wave line
     *
     * @default 0.4
     */
    softness: number;
}
export declare const componentDefinition: GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map