import { type SaasflareComponentProps } from "../../providers"; /** Props for the ParticlesBackground component. */ export interface ParticlesBackgroundProps extends SaasflareComponentProps { /** Number of particles. Default: `20` */ count?: number; /** CSS color of particles. Default: `"var(--primary)"` */ color?: string; /** Maximum particle diameter in pixels. Default: `4` */ maxSize?: number; /** Minimum particle diameter in pixels. Default: `1` */ minSize?: number; /** Maximum particle opacity (0–1). Default: `0.3` */ maxOpacity?: number; /** Animation speed multiplier. Default: `1` */ speed?: number; /** Additional class names for the container. */ className?: string; } /** * Ambient floating particles background. * * - CSS-only animation (no JS animation loop, GPU-composited) * - Deterministic positions (no layout shift between renders) * - Renders nothing when reduced motion is preferred or `animated` is disabled * - Lightweight: no canvas, no WebGL * * @component * @package ui */ export declare function ParticlesBackground({ count, color, maxSize, minSize, maxOpacity, speed, className, surface, radius, animated, iconWeight, }: ParticlesBackgroundProps): import("react/jsx-runtime").JSX.Element | null;