import type { LexicalEditor } from 'lexical'; import { type CustomPrintNodeFn } from '@lexical/devtools-core'; export interface TreeViewProps { /** * The Lexical editor instance to be visualized and debugged */ editor: LexicalEditor; /** * Custom class name for the tree type toggle button */ treeTypeButtonClassName?: string; /** * Custom class name for the time travel toggle button */ timeTravelButtonClassName?: string; /** * Custom class name for buttons inside the time travel panel */ timeTravelPanelButtonClassName?: string; /** * Custom class name for the overall time travel panel container */ timeTravelPanelClassName?: string; /** * Custom class name for the time travel slider in the panel */ timeTravelPanelSliderClassName?: string; /** * Custom class name for the tree view container */ viewClassName?: string; /** * A function for customizing the display of nodes in the tree */ customPrintNode?: CustomPrintNodeFn; } /** * TreeView is a component that provides a visual representation of the Lexical editor's state and enables debugging features like time travel and custom tree node rendering. * * ## Props * - `editor: LexicalEditor` - The Lexical editor instance to be visualized and debugged * - `treeTypeButtonClassName?: string` - Custom class name for the tree type toggle button * - `timeTravelButtonClassName?: string` - Custom class name for the time travel toggle button * - `timeTravelPanelButtonClassName?: string` - Custom class name for buttons inside the time travel panel * - `timeTravelPanelClassName?: string` - Custom class name for the overall time travel panel container * - `timeTravelPanelSliderClassName?: string` - Custom class name for the time travel slider in the panel * - `viewClassName?: string` - Custom class name for the tree view container * - `customPrintNode?: CustomPrintNodeFn` - A function for customizing the display of nodes in the tree\ */ declare const TreeViewPlugin: import("svelte").Component; type TreeViewPlugin = ReturnType; export default TreeViewPlugin;