import React from 'react';
import './variables.css';
import './Story.css';
/**
 * Imperative handle exposed by the Story component via a forwarded ref.
 * Allows parent components to programmatically control navigation.
 */
export interface StoryHandle {
    /**
     * Programmatically scroll to a specific step.
     * @param index - The zero-based index of the step to scroll to
     */
    scrollToStep: (index: number) => void;
}
/**
 * Props for Story component.
 */
type StoryProps = {
    /** Custom class name for root element */
    className?: string;
    /** Story children (main panel, side panel, etc.) */
    children: React.ReactNode;
    /** Callback fired when active section changes */
    onStepChange?: (sectionIndex: number) => void;
    /** Initial active section index */
    defaultStep?: number;
    /** Responsive breakpoints for small screens */
    storySmallScreenWidth?: number;
    storySmallScreenHeight?: number;
    /** Responsive breakpoints for medium screens */
    storyMediumScreenWidth?: number;
    storyMediumScreenHeight?: number;
    /** Custom navigation icons */
    navigationIcons?: {
        home?: React.ReactNode;
        case?: React.ReactNode;
        footer?: React.ReactNode;
    };
    /** Show full navigation panel */
    fullNavigation?: boolean;
    /** Hide navigation panel */
    hideNavigation?: boolean;
    /** Duration of the animation in milliseconds */
    animationDuration?: number;
    /** Pause duration between slides in milliseconds */
    pauseBetweenSlides?: number;
};
/**
 * Story component orchestrates responsive panel layout and section navigation.
 * It wraps main/side panels, manages layout, swipe, and navigation logic.
 */
export declare const Story: React.ForwardRefExoticComponent<StoryProps & React.RefAttributes<StoryHandle>>;
export {};