import React from 'react';
import './style.css';
type BackgroundImageType = string | {
    src: string;
};
/** Public presentational wrapper for the main panel intro. */
export interface StoryMainPanelIntroPublicProps {
    /** Optional additional class name for styling */
    className?: string;
    /** Child elements to render inside the intro */
    children: React.ReactNode;
    /** Optional background image for the intro */
    backgroundImage?: BackgroundImageType;
    /** Flag to disable the call-to-action button */
    disableCtaButton?: boolean;
    /** Text for the call-to-action button */
    ctaButtonText?: string;
}
/**
 * StoryMainPanelIntro Component
 *
 * This component serves as a public wrapper for the main panel intro in the story layout.
 * It allows for rendering child components and provides a call-to-action button to navigate
 * to the next section.
 *
 * @param {StoryMainPanelIntroPublicProps} props - The props for the component.
 * @returns {JSX.Element} The rendered StoryMainPanelIntro component.
 */
export declare const StoryMainPanelIntro: React.FC<StoryMainPanelIntroPublicProps> & {
    __PTR_STORY_MAIN_PANEL_INTRO?: true;
};
interface StoryMainPanelIntroInternalProps {
    /** Optional additional class name for styling */
    className?: string;
    /** Child elements to render inside the intro */
    children: React.ReactNode;
    /** Optional background image for the intro */
    backgroundImage?: BackgroundImageType;
    /** Flag to disable the call-to-action button */
    disableCtaButton?: boolean;
    /** Text for the call-to-action button */
    ctaButtonText?: string;
    /** Reference to the side panel DOM element */
    sidePanelRef: React.RefObject<HTMLDivElement | null>;
    /** Currently active step index */
    activeStep: number;
    /** Function to update the active step index */
    setActiveStep: (step: number) => void;
    /** Number of children in the side panel */
    sidePanelChildrenCount: number;
    /** Flag to indicate if the screen is small */
    isSmallScreen: boolean;
}
/**
 * StoryMainPanelIntroInternal Component
 *
 * This component manages the internal functionality of the main panel intro, including
 * rendering the background image and the call-to-action button for navigating to the next section.
 *
 * @param {StoryMainPanelIntroInternalProps} props - The props for the component.
 * @returns {JSX.Element} The rendered StoryMainPanelIntroInternal component.
 */
export declare const StoryMainPanelIntroInternal: React.FC<StoryMainPanelIntroInternalProps>;
export {};