import { type ComponentPropsWithoutRef, type ReactNode, type RefObject } from "react";
export type SpotlightShape = "rect" | "circle";
export interface SpotlightProps extends Omit<ComponentPropsWithoutRef<"div">, "children" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart"> {
    /** Whether the spotlight is shown. */
    open: boolean;
    /** Target element to highlight. */
    target: RefObject<HTMLElement | null>;
    /** Padding around the target's bounding box (px). Default `8`. */
    padding?: number;
    /** Cutout shape. Default `"rect"`. */
    shape?: SpotlightShape;
    /** Corner radius for rect shape (px). Default `8`. */
    radius?: number;
    /** Dim layer color. Default `"rgb(0 0 0 / 0.55)"`. */
    dimColor?: string;
    /**
     * Whether clicks on the target itself pass through to it. Default
     * `true` (so users can interact with the highlighted element).
     * Set `false` when the tour wants to drive the flow itself.
     */
    allowTargetInteraction?: boolean;
    /**
     * Optional content rendered inside the spotlight overlay (e.g. a
     * mini instruction card). For full-fidelity tour cards, prefer
     * rendering a sibling `<Coachmark target={target}>` and leave this
     * unset.
     */
    children?: ReactNode;
    /** Fires when the dim layer is clicked. */
    onDismiss?: () => void;
    /** DOM node to portal into. Defaults to `document.body`. */
    container?: Element | null;
    /** Skip mount animation (still respects reduced-motion). */
    disableAnimation?: boolean;
}
export declare const Spotlight: import("react").ForwardRefExoticComponent<SpotlightProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=Spotlight.d.ts.map