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

export interface ComponentProps {
    /**
     * How far the ripple has expanded (0 = fully visible, 1 = fully wiped away)
     *
     * @default 0.5
     */
    progress: number;
    /**
     * Point the rings expand 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];
    /**
     * Number of concentric rings
     *
     * @default 8
     */
    rings: number;
    /**
     * How softly adjacent rings
     *
     * @default 0.2
     */
    feather: number;
    /**
     * Wipe from the outside inward instead
     *
     * Accepts a boolean value (`true` or `false`).
     * @default false
     */
    invert: boolean;
}
export declare const componentDefinition: GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map