import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { Box, Text } from "ink";
import { truncateCells } from "../design/textLayout.js";
export function SelectOption(props) {
    const width = props.width ?? 80;
    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: props.isFocused ? "cyan" : undefined, dimColor: props.disabled, children: [props.isFocused ? ">" : " ", " ", props.isSelected ? "[x]" : "[ ]", " ", props.label] }), props.description ? (_jsx(Box, { paddingLeft: 6, children: _jsx(Text, { color: "gray", children: truncateCells(props.description, Math.max(12, width - 6)) }) })) : null] }));
}
