import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
import { TreeView as TreeViewBase } from '@lexical/react/LexicalTreeView';

export const TreeView = () => {
  const [editor] = useLexicalComposerContext();
  return (
    <TreeViewBase
      viewClassName="tree-view-output"
      timeTravelPanelClassName="debug-timetravel-panel"
      timeTravelButtonClassName="debug-timetravel-button"
      timeTravelPanelSliderClassName="debug-timetravel-panel-slider"
      timeTravelPanelButtonClassName="debug-timetravel-panel-button"
      editor={editor}
    />
  );
};