import type { BlockEditProps, BlockReadProps } from "../types.js";
import type { FileTreeData } from "./file-tree.config.js";
/**
 * Read-only renderer for a `file-tree` block — a VS Code / GitHub-explorer file
 * and change tree. The flat `entries` are folded into a nested tree of
 * collapsible folders (IconFolder + chevron) and files (IconFile) carrying a
 * single-letter change badge (A/M/D/R). A file with a `note` or `snippet` is
 * itself clickable and expands to show the note plus the snippet rendered as a
 * fenced code block via `ctx.renderMarkdown`. A summary header tallies the change
 * counts ("+N · ~M · −K"). Every color is theme-aware via Tailwind `dark:`
 * variants / plan CSS vars, so the tree reads correctly in both modes.
 */
export declare function FileTreeRead({ data, blockId, title, summary, ctx, }: BlockReadProps<FileTreeData>): import("react").JSX.Element;
/**
 * Panel editor for a `file-tree` block. A structured form: an optional title
 * Input plus a list of file rows (add/remove), each carrying a path Input, a
 * change Select, a note Input, an optional language Input, and a snippet
 * Textarea. The folder tree is derived from the paths in the Read render, so the
 * form stays flat and quick to edit. Renders BARE content (no `<section>`); the
 * registry's panel surface supplies the popover chrome.
 */
export declare function FileTreeEdit({ data, onChange, editable, }: BlockEditProps<FileTreeData>): import("react").JSX.Element;
//# sourceMappingURL=FileTreeBlock.d.ts.map