/**
 * Create a diagonal-line hatch CanvasPattern for use as a fill style.
 *
 * Returns a CanvasPattern that can be passed as `fill` in any pieceStyle,
 * nodeStyle, or edgeStyle function. Works with all canvas-rendered charts.
 *
 * @example
 * ```tsx
 * const hatch = createHatchPattern({ background: "#4e79a7", stroke: "#fff" })
 * <BarChart
 *   pieceStyle={(d) => ({ fill: d.projected ? hatch : "#4e79a7" })}
 * />
 * ```
 */
export interface HatchPatternOptions {
    /** Background color of the pattern tile */
    background?: string;
    /** Color of the diagonal lines */
    stroke?: string;
    /** Width of the diagonal lines in pixels @default 1.5 */
    lineWidth?: number;
    /** Spacing between lines in pixels @default 6 */
    spacing?: number;
    /** Angle of the lines in degrees (0 = horizontal, 45 = diagonal) @default 45 */
    angle?: number;
}
/**
 * Create a repeating diagonal-line hatch pattern for canvas fills.
 *
 * Must be called in a browser environment (needs canvas). Returns null
 * in server/test environments where canvas is unavailable.
 */
export declare function createHatchPattern(options?: HatchPatternOptions, 
/** Optional target canvas to create the pattern on (for correct DPR scaling) */
targetCtx?: CanvasRenderingContext2D): CanvasPattern | null;
