#!/usr/bin/env node
import {
  CLI_COLORS,
  UI_SYMBOLS
} from "../../chunk-FTD5Z6QD.js";
import {
  init_esm_shims
} from "../../chunk-DHET7RCE.js";

// src/cli/components/wizard/menu-item.tsx
init_esm_shims();
import { Box, Text } from "ink";
import { jsx, jsxs } from "react/jsx-runtime";
var { CHEVRON, CHEVRON_SPACER } = UI_SYMBOLS;
var MenuItem = ({
  label,
  description,
  isFocused = false,
  isActive = false
}) => {
  const showCyan = isFocused || isActive;
  return /* @__PURE__ */ jsxs(Box, { columnGap: 1, children: [
    /* @__PURE__ */ jsx(Text, { color: isFocused ? CLI_COLORS.PRIMARY : void 0, children: isFocused ? CHEVRON : CHEVRON_SPACER }),
    /* @__PURE__ */ jsx(Text, { bold: isFocused, color: showCyan ? CLI_COLORS.PRIMARY : void 0, children: label }),
    isFocused && description && /* @__PURE__ */ jsx(Text, { dimColor: true, children: ` ${description}` })
  ] });
};
export {
  MenuItem
};
//# sourceMappingURL=menu-item.js.map