import { default as React } from 'react';
import { ConfigurablePanelLayoutProps } from './ConfigurablePanelLayout';
import { SnapCarouselProps } from './SnapCarousel';
export interface ResponsiveConfigurablePanelLayoutProps extends ConfigurablePanelLayoutProps {
    /**
     * Media query used to determine when to switch to the mobile carousel layout.
     * Defaults to `(max-width: 768px)`.
     */
    mobileBreakpoint?: string;
    /**
     * Additional props passed to the SnapCarousel when the mobile layout is active.
     * The `panels` and `theme` props are managed by this component.
     * Note: `onPanelChange` is merged with internal handler - use it to get notified of panel changes.
     */
    mobileCarouselProps?: Omit<SnapCarouselProps, 'panels' | 'theme'>;
    /**
     * Callback fired when the active panel changes in mobile view.
     * Receives the panel index (0=left, 1=middle, 2=right) and the slot name.
     */
    onMobilePanelChange?: (index: number, slot: 'left' | 'middle' | 'right') => void;
}
/**
 * ResponsiveConfigurablePanelLayout - Renders ConfigurablePanelLayout on desktop widths
 * and automatically swaps to a bottom-tab-controlled carousel experience on mobile.
 */
export declare const ResponsiveConfigurablePanelLayout: React.FC<ResponsiveConfigurablePanelLayoutProps>;
//# sourceMappingURL=ResponsiveConfigurablePanelLayout.d.ts.map