import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { Box, Text } from "ink";
import { symbols } from "./theme.js";
/** Fullscreen picker for `/theme` — choose the New shell or the Legacy TUI. */
export function ThemePicker(props) {
    return (_jsxs(Box, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", paddingX: 2, height: props.height, overflowY: "hidden", children: [_jsxs(Text, { color: "cyan", bold: true, children: [symbols.assistant, " PatchPilot \u00B7 interface theme"] }), _jsx(Text, { color: "gray", children: "Use \u2191\u2193 to move, \u23CE to apply, esc to close." }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: props.options.map((option, index) => {
                    const selected = index === props.selectedIndex;
                    const isCurrent = option.value === props.currentValue;
                    return (_jsxs(Box, { flexDirection: "column", marginTop: index === 0 ? 0 : 1, children: [_jsxs(Box, { children: [_jsx(Box, { width: 3, children: _jsx(Text, { color: selected ? "cyan" : "gray", children: selected ? symbols.todoActive : " " }) }), _jsx(Text, { color: selected ? "white" : "cyan", bold: selected, children: option.label }), isCurrent ? _jsx(Text, { color: "green", children: " \u00B7 current" }) : null, option.value === "new" ? _jsx(Text, { color: "gray", children: " \u00B7 default" }) : null] }), _jsx(Box, { marginLeft: 3, children: _jsx(Text, { color: selected ? "white" : "gray", dimColor: !selected, wrap: "wrap", children: option.description }) })] }, option.value));
                }) })] }));
}
//# sourceMappingURL=ThemePicker.js.map