UNPKG

rn-sherpa

Version:

A lightweight, flexible React Native library for creating powerful, step-by-step guided product tours with smart positioning and animations

56 lines 1.43 kB
import React from 'react'; import type { ViewStyle } from 'react-native'; import type { MeasuredLayout, TourStep } from '../types'; interface AnimatedPopoverProps { /** * Current step configuration */ step: TourStep; /** * Layout of the highlighted component */ highlightedLayout?: MeasuredLayout | null; /** * Current step index (1-based for display) */ currentStep: number; /** * Total number of steps */ totalSteps: number; /** * Whether to show navigation buttons */ showButtons?: boolean; /** * Whether to show progress indicator */ showProgress?: boolean; /** * Whether to allow closing the tour */ allowClose?: boolean; /** * Custom popover style */ style?: ViewStyle; /** * Callback for next button */ onNext?: () => void; /** * Callback for previous button */ onPrevious?: () => void; /** * Callback for close button */ onClose?: () => void; /** * Animation duration in milliseconds */ animationDuration?: number; } export declare function AnimatedPopover({ step, highlightedLayout, currentStep, totalSteps, showButtons, showProgress, allowClose, style, onNext, onPrevious, onClose, animationDuration, }: AnimatedPopoverProps): React.JSX.Element; export {}; //# sourceMappingURL=AnimatedPopover.d.ts.map