import { StoryPanelLayout } from '../enums/enum.story.panelLayout';
/**
 * Handles scrolling in the side panel to determine the active section index.
 * Updates the active section index based on the scroll position and the target section index.
 *
 * @param event - The scroll event from the side panel.
 * @param sidePanelRef - Reference to the side panel DOM element.
 * @param panelLayoutMode - The current layout mode of the panel (e.g., SINGLE, HORIZONTAL).
 * @param jumpTargetSectionIndex - The section index to jump to, if any.
 * @param setActiveSectionIndex - Function to update the active section index.
 * @param setJumpTargetSectionIndex - Function to reset the jump target section index.
 * @param onStepChange - Optional callback fired when the active section changes.
 */
export declare function handleSidePanelScroll(event: React.UIEvent<HTMLDivElement>, sidePanelRef: React.RefObject<HTMLDivElement | null>, panelLayoutMode: StoryPanelLayout, jumpTargetSectionIndex: number | null, setActiveSectionIndex: (index: number) => void, setJumpTargetSectionIndex: (value: number | null) => void, onStepChange?: (section: number) => void): void;