/**
 * OnboardingSpotlight Molecule
 *
 * Optional first-run welcome: a dimmed backdrop with a cut-out over the current
 * step's anchor, plus a stepped Coachmark bubble (Next / Skip). The backdrop is
 * four dim rectangles around the anchor rect so the highlighted element stays
 * lit and clickable-looking; the bubble and step dots reuse Coachmark.
 */
import React from "react";
import { type CoachmarkAnchor, type CoachmarkPlacement } from "./Coachmark";
export interface SpotlightStep {
    anchor: CoachmarkAnchor;
    placement?: CoachmarkPlacement;
    title: string;
    body: string;
}
export interface OnboardingSpotlightProps {
    steps: SpotlightStep[];
    /** Index of the active step. Out-of-range hides the spotlight. */
    stepIndex: number;
    onNext: () => void;
    onSkip: () => void;
    onFinish: () => void;
    /** Padding around the cut-out, in px. @default 6 */
    cutoutPadding?: number;
}
export declare const OnboardingSpotlight: React.FC<OnboardingSpotlightProps>;
