import React from "react";
import type { GridPatternProps } from "./GridPattern.types";
/**
 * GridPattern renders an SVG-based grid background pattern.
 *
 * Use it as an absolute-positioned decorative background inside a container
 * with `position: relative`. The pattern is fully non-interactive
 * (`pointer-events: none`) and sits at `z-index: 0` by default.
 *
 * @example
 * ```tsx
 * <div className="relative overflow-hidden h-96">
 *   <GridPattern size={48} color="var(--color-border)" fade animated />
 *   <div className="relative z-10">Your content here</div>
 * </div>
 * ```
 */
export declare const GridPattern: React.ForwardRefExoticComponent<GridPatternProps & React.RefAttributes<HTMLDivElement>>;
