import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { Box, Text } from "ink";
import TextInput from "../TextInput.js";
export function SelectInputOption(props) {
    const width = props.width ?? 80;
    const prefixWidth = 6;
    return (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: props.isFocused ? "cyan" : undefined, children: [props.isFocused ? ">" : " ", " ", props.isSelected ? "[x]" : "[ ]", " "] }), _jsx(Text, { children: props.label }), _jsx(Text, { color: "gray", children: " " }), _jsx(TextInput, { value: props.inputValue, cursor: props.inputValue.length, width: Math.max(8, width - prefixWidth), placeholder: props.placeholder })] }));
}
