/**
 * SVG hatch pattern for server-side rendering.
 *
 * Creates a <pattern> element that can be referenced via url(#id) fill.
 * The SVG equivalent of createHatchPattern() which produces CanvasPatterns.
 */
import * as React from "react";
export interface SVGHatchOptions {
    /** Pattern ID — must be unique within the SVG */
    id: string;
    /** Background color */
    background?: string;
    /** Line color */
    stroke?: string;
    /** Line width @default 1.5 */
    lineWidth?: number;
    /** Spacing between lines @default 6 */
    spacing?: number;
    /** Angle in degrees @default 45 */
    angle?: number;
}
/**
 * Create an SVG <pattern> element for diagonal hatch fills.
 * Place inside <defs> and reference with fill="url(#id)".
 */
export declare function createSVGHatchPattern(options: SVGHatchOptions): React.ReactElement;
