rn-sherpa/lib/components/AnimatedOverlay.d.ts

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

import React from 'react';
import type { ViewStyle } from 'react-native';
import type { MeasuredLayout } from '../types';
interface AnimatedOverlayProps {
    /**
     * Layout of the highlighted component
     */
    highlightedLayout?: MeasuredLayout | null;
    /**
     * Overlay background color
     */
    color?: string;
    /**
     * Padding around highlighted element
     */
    padding?: number;
    /**
     * Border radius for the cutout
     */
    borderRadius?: number;
    /**
     * Custom overlay style
     */
    style?: ViewStyle;
    /**
     * Called when overlay is pressed (outside highlighted area)
     */
    onPress?: () => void;
    /**
     * Whether interactions should be blocked
     */
    blockInteractions?: boolean;
    /**
     * Animation duration in milliseconds
     */
    animationDuration?: number;
}
export declare function AnimatedOverlay({ highlightedLayout, color, padding, borderRadius, style, onPress, blockInteractions, animationDuration, }: AnimatedOverlayProps): React.JSX.Element;
export {};
//# sourceMappingURL=AnimatedOverlay.d.ts.map