import type { BlockEditProps, BlockReadProps } from "../types.js";
import type { MermaidData } from "./mermaid.config.js";
/**
 * Read-only renderer for a `mermaid` block. Wraps the diagram in the standard
 * titled `plan-block` section + an optional muted caption, matching the plan
 * house style.
 */
export declare function MermaidRead({ data, blockId, title, summary, }: BlockReadProps<MermaidData>): import("react").JSX.Element;
/**
 * Edit renderer (panel surface) for a `mermaid` block: a monospace textarea for
 * the diagram source plus an optional caption input. Both commit immediately via
 * `onChange`. `editSurface: "panel"` means the registry renders the `Read` view
 * with a corner edit button that opens this form in the plan's shared popover, so
 * this renders only the form (the popover supplies the chrome and title).
 */
export declare function MermaidEdit({ data, onChange, editable, }: BlockEditProps<MermaidData>): import("react").JSX.Element;
//# sourceMappingURL=MermaidBlock.d.ts.map