import { default as React } from 'react';
import { ConfigurablePanelLayoutProps, ConfigurablePanelLayoutHandle } from './ConfigurablePanelLayout';
import { PanelLayout, PanelDefinition } from './PanelConfigurator';
export type { ConfigurablePanelLayoutHandle } from './ConfigurablePanelLayout';
export interface EditableConfigurablePanelLayoutProps extends ConfigurablePanelLayoutProps {
    /** Whether edit mode is enabled (controlled) */
    isEditMode: boolean;
    /** Callback when layout changes in edit mode */
    onLayoutChange?: (layout: PanelLayout) => void;
    /** Available panels for drag-and-drop */
    availablePanels?: PanelDefinition[];
}
/**
 * EditableConfigurablePanelLayout - Wrapper component that adds iPhone-style edit mode
 * Allows dragging entire slot sections (left/middle/right) to rearrange them
 *
 * @example
 * // Using the imperative API to set sizes without remounting
 * const layoutRef = useRef<ConfigurablePanelLayoutHandle>(null);
 *
 * // Later, to change sizes:
 * layoutRef.current?.setLayout({ left: 0, middle: 50, right: 50 });
 */
export declare const EditableConfigurablePanelLayout: React.ForwardRefExoticComponent<EditableConfigurablePanelLayoutProps & React.RefAttributes<ConfigurablePanelLayoutHandle>>;
//# sourceMappingURL=EditableConfigurablePanelLayout.d.ts.map