/**
 * @fileoverview Perspective grid background with retro/cyberpunk aesthetic.
 * @author Saasflare™
 * A CSS-only perspective grid that fades toward the horizon. Ideal for
 * hero sections and feature backgrounds.
 * @module packages/ui/components/ui/retro-grid
 * @package ui
 *
 * @component
 * @example
 * import { RetroGrid } from '@saasflare/ui';
 * <div className="relative min-h-[500px]">
 *   <RetroGrid />
 *   <div className="relative z-10">Hero content</div>
 * </div>
 *
 * @example
 * // Custom grid color and size
 * <RetroGrid gridColor="var(--primary)" gridSize={40} angle={70} />
 */
import * as React from "react";
import { type SaasflareComponentProps } from "../../providers";
/** Props for the RetroGrid component. */
export interface RetroGridProps extends Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps>, SaasflareComponentProps {
    /** Grid line color. Default: `"var(--border)"` */
    gridColor?: string;
    /** Grid cell size in pixels. Default: `60` */
    gridSize?: number;
    /** Perspective tilt angle in degrees. Default: `65` */
    angle?: number;
    /** Grid line opacity (0–1). Default: `0.4` */
    opacity?: number;
}
/**
 * Perspective grid background with vanishing-point effect.
 *
 * - CSS-only (repeating linear gradients + perspective transform)
 * - Fades to transparent at the horizon via mask-image
 * - No JS, no canvas, no animation — pure visual
 *
 * @component
 * @package ui
 */
export declare function RetroGrid({ gridColor, gridSize, angle, opacity, className, surface, radius, animated, iconWeight, ...props }: RetroGridProps): import("react/jsx-runtime").JSX.Element;