import { type PatternReference } from '../../../types/pattern-reference';
import type { BlockInstance } from '../../../types/blocks';
interface TreeViewProps {
    blocks: (BlockInstance | PatternReference)[];
    selectedBlockId: string | null;
    onSelectBlock: (id: string) => void;
    onReorder: (blocks: (BlockInstance | PatternReference)[]) => void;
    onCopy?: (id: string) => void;
    onDuplicate?: (id: string) => void;
    onRemove?: (id: string) => void;
    emptyMessage?: string;
}
/**
 * TreeView component for the Layout tab in the left sidebar.
 * Displays a tree structure of all blocks with drag & drop reordering.
 * Clicking a block selects it and scrolls to it in the preview.
 */
export declare function TreeView({ blocks, selectedBlockId, onSelectBlock, onReorder, onCopy, onDuplicate, onRemove, emptyMessage }: TreeViewProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=tree-view.d.ts.map