import type { TourStepEffectArgs } from '../types'; export interface BeaconStepEffectOptions { /** Beacon shape. `'circle'` renders a 16×16 dot centered below the target. */ shape?: 'rect' | 'circle'; } /** * Creates a step effect that shows a pulsing beacon around the target element. * The popover only appears after the user clicks the highlighted element. * * On revisit (e.g. Back button), skips the beacon and shows the tooltip immediately. * * @example * ```ts * { * id: 'discover', * type: 'tooltip', * target: () => ref.current, * backdrop: false, * effect: beaconStepEffect(), * } * ``` * * @example Circle beacon * ```ts * { * id: 'discover-circle', * type: 'tooltip', * target: () => ref.current, * backdrop: false, * effect: beaconStepEffect({ shape: 'circle' }), * } * ``` */ export declare const beaconStepEffect: (options?: BeaconStepEffectOptions) => (args: TourStepEffectArgs) => VoidFunction;