import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text, useInput } from "ink";
export function HelpOverlay({ onClose }) {
    useInput((input, key) => {
        if (input === "?" || key.escape || input === "q" || input === "Q") {
            onClose();
        }
    });
    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, children: "Keyboard Shortcuts" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Q" }), " or ", _jsx(Text, { bold: true, children: "ESC" }), " \u2014 Exit overview"] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "R" }), " \u2014 Force refresh"] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "A" }), " \u2014 Toggle showing only active agents"] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, children: "?" }), " \u2014 Show/hide this help"] })] }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "Press ? or ESC to close this help" }) })] }));
}
//# sourceMappingURL=HelpOverlay.js.map