import React from "react";
import type { SpotlightProps } from "./Spotlight.types";
/**
 * Spotlight Component
 *
 * A mouse-following radial gradient that creates a subtle surface illumination
 * effect. Tracks the mouse position within the parent element and renders a
 * smooth, animated glow that follows the cursor.
 *
 * The parent container should have `position: relative` and `overflow: hidden`.
 *
 * Unlike SpotlightBorder (which highlights borders), this component illuminates
 * the surface area itself with a soft radial gradient.
 *
 * @example
 * ```tsx
 * <div className="relative overflow-hidden bg-gray-900 rounded-lg p-8">
 *   <Spotlight color="var(--color-primary)" intensity={0.2} />
 *   <span className="relative z-10">Hover over me</span>
 * </div>
 * ```
 *
 * @example Custom spring and size
 * ```tsx
 * <div className="relative overflow-hidden bg-slate-800 rounded-xl p-12">
 *   <Spotlight
 *     size={500}
 *     color="#8b5cf6"
 *     intensity={0.25}
 *     springConfig={{ damping: 20, stiffness: 150 }}
 *   />
 *   <h2 className="relative z-10 text-white">Interactive card</h2>
 * </div>
 * ```
 */
export declare const Spotlight: React.FC<SpotlightProps>;
