/**
 * @fileoverview AuroraBackground — soft multi-color gradient backdrop for showcase sections.
 * @module packages/ui/components/ui/aurora-background
 * @package ui
 *
 * Three blurred radial blobs (peach + blue + violet by default) sit at the
 * corners of an isolated container, with children rendered above on `z-10`.
 * Drift animation is pure CSS (see `packages/ui/styles/aurora.css`) and obeys
 * `prefers-reduced-motion`.
 *
 * Defaults to a curated showcase palette rather than brand tokens — the visual
 * intent is a consistent atmospheric backdrop regardless of the active palette.
 * Override `colors` to opt into brand-rotating blobs.
 *
 * @component
 * @example
 * import { AuroraBackground } from "@saasflare/ui"
 *
 * <AuroraBackground className="min-h-[500px] rounded-2xl p-12">
 *   <SectionCard title="Production">…</SectionCard>
 * </AuroraBackground>
 *
 * @example
 * // Opt-into brand-rotating colors
 * <AuroraBackground colors={["var(--primary)", "var(--chart-2)", "var(--chart-3)"]}>
 *   <Card>…</Card>
 * </AuroraBackground>
 *
 * @example
 * // Disable drift animation
 * <AuroraBackground animated={false}>
 *   <StaticDemo />
 * </AuroraBackground>
 */
import type { ComponentProps } from "react";
import { type SaasflareComponentProps } from "../../providers";
/** Props for the AuroraBackground component. */
export interface AuroraBackgroundProps extends Omit<ComponentProps<"div">, keyof SaasflareComponentProps | "color">, SaasflareComponentProps {
    /**
     * Three ambient blob colors in order: top-left, right, bottom-left.
     * Default: curated peach + blue + violet showcase palette.
     */
    colors?: readonly [string, string, string];
    /** Overall blob opacity (0–1). Applied inline to every blob. Default: `0.55`. */
    intensity?: number;
}
/**
 * Soft multi-color gradient backdrop for showcase, demo, and marketing sections.
 *
 * Renders three blurred radial blobs positioned at corners around the children
 * slot. Default palette is a fixed showcase combination (peach / blue / violet)
 * so the visual stays consistent across brand palettes; pass `colors` to switch
 * to brand-rotating tokens. Drift animation is on by default and respects
 * `prefers-reduced-motion`.
 *
 * @component
 * @layer core
 */
export declare function AuroraBackground({ colors, intensity, className, children, surface, radius, animated, iconWeight, ...props }: AuroraBackgroundProps): import("react/jsx-runtime").JSX.Element;