import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from 'ink';
const MAX_VISIBLE_HINTS = 8;
export function SlashCommandHintPanel({ hints, }) {
    if (hints.length === 0) {
        return null;
    }
    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, marginTop: 1, children: [_jsx(Text, { bold: true, children: "Slash commands" }), hints.slice(0, MAX_VISIBLE_HINTS).map((hint) => (_jsxs(Box, { children: [_jsx(Box, { width: 30, children: _jsx(Text, { color: "cyan", children: hint.command }) }), _jsx(Text, { dimColor: true, children: hint.description })] }, hint.command)))] }));
}
//# sourceMappingURL=SlashCommandHintPanel.js.map