import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text, useInput } from 'ink';
import SelectInput from 'ink-select-input';
import { getThemeColors } from '../config/themes.js';
import { useTheme } from '../hooks/useTheme.js';
const items = [{ label: 'VS Code', value: 'vscode' }];
export function IdeSelector({ onSelect, onCancel }) {
    const { currentTheme } = useTheme();
    const colors = getThemeColors(currentTheme);
    useInput((_input, key) => {
        if (key.escape) {
            onCancel();
        }
    });
    return (_jsxs(Box, { flexDirection: "column", paddingY: 1, children: [_jsx(Text, { color: colors.primary, bold: true, children: "Connect to an IDE" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.secondary, children: "Select an IDE to enable live integration:" }) }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: items, onSelect: item => onSelect(item.value) }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.secondary, children: "Press Escape to cancel" }) })] }));
}
//# sourceMappingURL=ide-selector.js.map