/** One colour stop: its colour, its place along the gradient line (0..1) and its opacity. */
export type GradientStop = {
    color: string;
    at: number;
    opacity?: number;
};
/**
 * The gradient line's endpoints for a CSS angle across a `width` by `height` box: through
 * the box's centre, in the angle's direction (0deg up, 90deg right), as long as CSS makes it
 * (the box's extent projected on that direction), so the corner stops land where a browser
 * puts them.
 */
export declare function gradientPoints(angle: number, width: number, height: number): {
    x1: number;
    y1: number;
    x2: number;
    y2: number;
};
/**
 * A linear gradient filling its parent, behind the parent's later children. It measures
 * itself, so the angle holds across any box; decorative, so assistive tech skips it.
 */
export declare function GradientFill({ angle, stops }: {
    angle: number;
    stops: readonly GradientStop[];
}): import("react").JSX.Element;
//# sourceMappingURL=gradient-fill.d.ts.map