import { ColumnConfig, CustomDragState, DebugConfig, DragDropEventHandlers, DragDropStateUpdaters, DragOverPosition, DragState, OriginalPanelPosition, PanelConfig, PanelSizeInfo, ResizeConfig } from './drag-drop/types';

/**
 * Props for the DragDropLayout component.
 *
 * DragDropLayout コンポーネントのプロパティ。
 */
export interface DragDropLayoutProps extends DragDropEventHandlers, DragDropStateUpdaters, ResizeConfig {
    columns: ColumnConfig[];
    panels: PanelConfig[];
    columnPanels: Record<string, string[]>;
    panelVisibility: Record<string, boolean>;
    dragState: DragState;
    dragOverPosition: DragOverPosition | null;
    originalPanelPosition: OriginalPanelPosition | null;
    dragModes: Record<string, "normal" | "custom">;
    debugConfig: DebugConfig;
    panelSizes: Record<string, PanelSizeInfo>;
    customDrag?: CustomDragState;
}
/**
 * The main component for rendering the drag and drop layout.
 * It manages the arrangement of columns and panels, handles all drag and drop logic,
 * and implements FLIP animations for smooth transitions.
 *
 * ドラッグ＆ドロップレイアウトを描画するためのメインコンポーネント。
 * カラムとパネルの配置を管理し、すべてのドラッグ＆ドロップロジックを処理し、
 * スムーズなトランジションのためのFLIPアニメーションを実装します。
 */
export declare const DragDropLayout: ({ columns, panels, columnPanels, panelVisibility, onPanelVisibilityChange, dragState, dragOverPosition, originalPanelPosition, dragModes, onDragStart, onDragEnd, onPlaceholderDragEnter, onPlaceholderDragLeave, onDragOverWithInsert, onDropWithInsert, onColumnDragLeave, onPanelClick, onPanelMouseDown, onTouchStart, onTouchMove, onTouchEnd, debugConfig, panelSizes, setPanelRef, enableResize, columnWidths, onResizeStart, onResize, onResizeEnd, isResizing, resizingColumn, onPanelSizeInfoClick, onToggleDragMode, customDrag, }: DragDropLayoutProps) => import("react").JSX.Element;
//# sourceMappingURL=DragDropLayout.d.ts.map