import { jsx as _jsx } from "react/jsx-runtime";
import { useCallback } from "react";
import { useEditContext } from "../client/editContext";
import { ManualBrowser } from "../menubar/toolbar-sections/ManualBrowser";
/**
 * ManualPanel - renders as a panel integrated into MainLayout's Splitter.
 * Displays the user manual with search. Shown when editContext.showHelpTerminal is true.
 */
export function ManualPanel() {
    const editContext = useEditContext();
    const handleClose = useCallback(() => {
        editContext?.setShowHelpTerminal(false);
    }, [editContext]);
    return (_jsx("div", { className: "flex h-full flex-col bg-white", children: _jsx("div", { className: "flex-1 overflow-hidden", children: _jsx(ManualBrowser, { onClose: handleClose }) }) }));
}
//# sourceMappingURL=ManualPanel.js.map