import { type SaasflareComponentProps } from "../../../providers";
/** Props for the AnimatedCursor component. */
export interface AnimatedCursorProps extends SaasflareComponentProps {
    /** Diameter of the inner dot in pixels. Default: `6` */
    dotSize?: number;
    /** Diameter of the outer ring in pixels. Default: `32` */
    ringSize?: number;
    /** CSS color for the inner dot. Default: `"var(--primary)"` */
    dotColor?: string;
    /** CSS color for the outer ring border. Default: `"var(--primary)"` */
    ringColor?: string;
    /** Border width of the outer ring in pixels. Default: `1.5` */
    ringBorderWidth?: number;
}
/**
 * Animated cursor overlay with a dot + ring that follow the mouse.
 *
 * - The dot tracks the cursor tightly via a stiff spring
 * - The ring follows with a softer spring for a trailing effect
 * - Scales up when hovering interactive elements (buttons, links, inputs)
 * - Hides on touch devices and when `prefers-reduced-motion` is set
 * - Disabled entirely when `animated={false}` (prop or provider), since a
 *   non-animated custom cursor would only hide the native pointer with nothing
 *   replacing it
 *
 * @component
 * @package ui
 */
export declare function AnimatedCursor({ dotSize, ringSize, dotColor, ringColor, ringBorderWidth, surface, radius, animated, iconWeight, }: AnimatedCursorProps): import("react/jsx-runtime").JSX.Element | null;