import React from 'react';
import { StoryPanelLayout } from '../../enums/enum.story.panelLayout';
import { StoryPanelType } from '../../enums/enum.story.panelType';
import './style.css';
/**
 * Public props for the StorySidePanel component.
 */
export interface StorySidePanelPublicProps {
    /** Child elements to render inside the side panel */
    children: React.ReactNode;
    /** Optional additional class name for styling */
    className?: string;
}
/**
 * StorySidePanel component for rendering side panel content.
 * This is a public wrapper that can be used in the story.
 */
export declare const StorySidePanel: React.FC<StorySidePanelPublicProps> & {
    __PTR_STORY_SIDE_PANEL?: true;
};
interface StorySidePanelInternalProps {
    /** Optional class name for styling */
    className?: string;
    /** Child elements to render inside the side panel */
    children: React.ReactNode;
    /** Scroll event handler */
    onScroll: (e: React.UIEvent<HTMLDivElement>) => void;
    /** Reference to the side panel DOM element */
    sidePanelRef: React.RefObject<HTMLDivElement | null>;
    /** Function to set the number of children in the side panel */
    setSidePanelChildrenCount: (cnt: number) => void;
    /** Current layout mode of the panel */
    panelLayout: StoryPanelLayout;
    /** Currently active step index */
    activeStep: number;
    /** Function to update the active step index */
    setActiveStep: (n: number) => void;
    /** Function to set the jump target section index */
    setJumpSection: (n: number | null) => void;
    /** Optional size of the content area */
    contentSize?: [number, number];
    /** Type of the visible panel */
    visiblePanelType: StoryPanelType;
    /** Flag to hide navigation */
    hideNavigation?: boolean;
    /** Flag to show full navigation */
    fullNavigation?: boolean;
    /** Custom navigation icons */
    navigationIcons?: {
        home?: React.ReactNode;
        case?: React.ReactNode;
        footer?: React.ReactNode;
    };
    /** Number of children in the side panel */
    sidePanelChildrenCount: number;
    /** Duration of the animation in milliseconds */
    animationDuration?: number;
    /** Pause duration between slides in milliseconds */
    pauseBetweenSlides?: number;
}
/**
 * Internal component for rendering the side panel with animations and navigation.
 */
export declare const StorySidePanelInternal: React.FC<StorySidePanelInternalProps>;
export {};