import React from 'react';
import { StoryPanelLayout } from '../../enums/enum.story.panelLayout';
import './style.css';
/** Public presentational wrapper for the main panel (apps only). */
export interface StoryMainPanelPublicProps {
    /** Child elements to render inside the main panel */
    children: React.ReactNode;
    /** Optional additional class name for styling */
    className?: string;
}
/**
 * StoryMainPanel Component
 *
 * This component serves as a public wrapper for the main panel in the story layout.
 * It allows for rendering child components and provides internal functionality for managing
 * the active step and animations.
 *
 * @param {StoryMainPanelPublicProps} props - The props for the component.
 * @returns {JSX.Element} The rendered StoryMainPanel component.
 */
export declare const StoryMainPanel: React.FC<StoryMainPanelPublicProps> & {
    __PTR_STORY_MAIN_PANEL?: true;
};
interface StoryMainPanelInternalProps {
    /** Optional class name for styling */
    className?: string;
    /** Child elements to render inside the main panel */
    children: React.ReactNode;
    /** Currently active step index */
    activeStep: number;
    /** Function to update the active step index */
    setActiveStep: (index: number) => void;
    /** Reference to the side panel DOM element */
    sidePanelRef: React.RefObject<HTMLDivElement | null>;
    /** Current layout mode of the panel */
    panelLayout: StoryPanelLayout;
    /** Flag to indicate if there is no side panel */
    noSidePanel: boolean;
    /** Duration of the animation in milliseconds */
    animationDuration?: number;
    /** Pause duration between slides in milliseconds */
    pauseBetweenSlides?: number;
    /** Number of children in the side panel */
    sidePanelChildrenCount: number;
}
/**
 * StoryMainPanelInternal Component
 *
 * This component manages the internal functionality of the main panel, including animations
 * and rendering of active sections based on the current step. It handles transitions between
 * steps and integrates with the side panel.
 *
 * @param {StoryMainPanelInternalProps} props - The props for the component.
 * @returns {JSX.Element} The rendered StoryMainPanelInternal component.
 */
export declare const StoryMainPanelInternal: React.FC<StoryMainPanelInternalProps>;
export {};