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

export type { ColorStop };
export interface ComponentProps {
    /**
     * The starting color of the gradient
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#1aff00"
     */
    colorA: Parameters<typeof transformColor>[0];
    /**
     * The ending color of the gradient
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#0000ff"
     */
    colorB: Parameters<typeof transformColor>[0];
    stops: ColorStop[] | null;
    /**
     * The starting point of the gradient
     *
     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
     * @default {"x":0,"y":0.5}
     */
    start: Parameters<typeof transformPosition>[0];
    /**
     * The ending point of the gradient
     *
     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
     * @default {"x":1,"y":0.5}
     */
    end: Parameters<typeof transformPosition>[0];
    /**
     * Additional rotation angle of the gradient (in degrees)
     *
     * @default 0
     */
    angle: Parameters<typeof transformAngle>[0];
    /**
     * How to handle areas beyond the gradient endpoints
     *
     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
     * @default "stretch"
     */
    edges: string;
    /**
     * Color space for color interpolation
     *
     * Accepts one of the predefined option values.
     * @default "linear"
     */
    colorSpace: string;
}
export declare const componentDefinition: GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map