import React from "react";
import type { DotPatternProps } from "./DotPattern.types";
/**
 * DotPattern renders an SVG-based dot 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">
 *   <DotPattern spacing={24} dotSize={1.5} fade animated />
 *   <div className="relative z-10">Your content here</div>
 * </div>
 * ```
 */
export declare const DotPattern: React.ForwardRefExoticComponent<DotPatternProps & React.RefAttributes<HTMLDivElement>>;
