/**
 * @fileoverview Animated aurora/northern-lights gradient background.
 * @author Saasflare™
 * Renders overlapping gradient blobs with slow drift animations,
 * creating an aurora borealis effect. Ideal for dark hero sections.
 * @module packages/ui/components/ui/animated/aurora-background
 * @package ui
 *
 * @component
 * @example
 * import { AuroraBackground } from '@saasflare/ui';
 * <div className="relative min-h-screen bg-background">
 *   <AuroraBackground />
 *   <div className="relative z-10">Hero content</div>
 * </div>
 *
 * @example
 * // Custom colors (prefer design tokens over raw literals)
 * <AuroraBackground
 *   colors={["var(--primary)", "var(--chart-3)", "var(--chart-4)"]}
 *   opacity={0.25}
 * />
 */
import { type ReactNode } from "react";
import { type SaasflareComponentProps } from "../../../providers";
/** Props for the AuroraBackground component. */
export interface AuroraBackgroundProps extends SaasflareComponentProps {
    /** Optional child content (rendered above the aurora). */
    children?: ReactNode;
    /** Aurora gradient colors (3 recommended). Prefer design tokens (e.g. `var(--primary)`). */
    colors?: string[];
    /** Overall opacity (0–1). Default: `0.15` */
    opacity?: number;
    /** Animation speed multiplier. Default: `1` */
    speed?: number;
    /** Additional class names. */
    className?: string;
}
/**
 * Animated aurora gradient background effect.
 *
 * - Three overlapping blobs with staggered drift animations
 * - Heavy blur creates soft, organic color blending
 * - CSS-only animation (no JS frames)
 * - Renders a static gradient when reduced motion is preferred
 *
 * @component
 * @package ui
 */
export declare function AuroraBackground({ children, colors, opacity, speed, className, surface, radius, animated, iconWeight, }: AuroraBackgroundProps): import("react/jsx-runtime").JSX.Element;