import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from "ink";
import { SelectList } from "./design/SelectList.js";
export function outputStylePickerOptions(styles, selected) {
    return styles.map((style) => ({
        id: style,
        label: style,
        detail: style === selected ? "active" : "available",
        selected: style === selected,
        tone: style === selected ? "success" : "default",
    }));
}
export function OutputStylePicker(props) {
    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: "Output style" }), _jsx(SelectList, { options: outputStylePickerOptions(props.styles, props.selected), width: props.width })] }));
}
