import { jsx as _jsx } from "react/jsx-runtime";
import { HelpCircle } from "lucide-react";
import { SimpleIconButton } from "../../ui/SimpleIconButton";
import { useEditContext } from "../../client/editContext";
// The profile name for the Help Agent
const HELP_AGENT_PROFILE = "Help";
export function HelpButton({ className }) {
    const editContext = useEditContext();
    const handleClick = () => {
        if (editContext?.toggleHelpTerminal) {
            editContext.toggleHelpTerminal({
                profileName: HELP_AGENT_PROFILE,
                activeTab: "manual",
            });
        }
    };
    return (_jsx(SimpleIconButton, { icon: _jsx(HelpCircle, { className: "h-6 w-6 p-0.5", strokeWidth: 1 }), label: "Help", size: "large", "data-testid": "help-button", selected: editContext?.showHelpTerminal ?? false, className: className, onClick: handleClick }));
}
//# sourceMappingURL=HelpButton.js.map