import { DragEvent, ReactNode } from 'react';
import { CodeEditorDraftEntry } from '../../stores/slices/code-editor.slice';
export type FileTreeNode = {
    name: string;
    path: string;
    type: "file" | "directory";
    children?: Array<FileTreeNode>;
    readOnly?: boolean;
    isDraft?: boolean;
    matchesQuery?: boolean;
    hasMatchingDescendants?: boolean;
};
type BuildFileTreeInput = {
    path: string;
    readOnly?: boolean;
    isDraft?: boolean;
};
export declare function buildFileTree<T extends BuildFileTreeInput>(files: Array<T>): Array<FileTreeNode>;
type FileTreeProps = {
    nodes: Array<FileTreeNode>;
    expandedDirectories: Set<string>;
    onToggleDirectory: (path: string) => void;
    selectedFile: string | null;
    onSelectFile: (path: string) => void;
    drafts: Record<string, CodeEditorDraftEntry>;
    highlightMatches: (text: string) => ReactNode;
    draggedDirectory: string | null;
    onDirectoryDragOver: (event: DragEvent<HTMLDivElement>, path: string) => void;
    onDirectoryDragLeave: (event: DragEvent<HTMLDivElement>, path: string) => void;
    onDirectoryDrop: (event: DragEvent<HTMLDivElement>, path: string) => void;
};
export declare function FileTree({ nodes, expandedDirectories, onToggleDirectory, selectedFile, onSelectFile, drafts, highlightMatches, draggedDirectory, onDirectoryDragOver, onDirectoryDragLeave, onDirectoryDrop, }: FileTreeProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=file-tree.d.ts.map