#!/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/selection-card.tsx
init_esm_shims();
import { Box, Text } from "ink";
import { jsx, jsxs } from "react/jsx-runtime";
var SelectionCard = ({
  label,
  description,
  isFocused,
  marginBottom
}) => {
  const descriptionLines = Array.isArray(description) ? description : [description];
  return /* @__PURE__ */ jsx(
    Box,
    {
      borderStyle: "round",
      borderColor: isFocused ? CLI_COLORS.PRIMARY : CLI_COLORS.NEUTRAL,
      paddingX: 2,
      paddingY: 1,
      marginBottom,
      children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", gap: 1, children: [
        /* @__PURE__ */ jsx(Text, { color: isFocused ? CLI_COLORS.PRIMARY : void 0, bold: isFocused, children: isFocused ? `${UI_SYMBOLS.CHEVRON} ${label}` : label }),
        descriptionLines.map((line, index) => /* @__PURE__ */ jsx(Text, { dimColor: true, children: line }, index))
      ] })
    }
  );
};

export {
  SelectionCard
};
//# sourceMappingURL=chunk-ZWAL2ZY7.js.map