import { jsx, jsxs } from "react/jsx-runtime";
import { Box, Text } from "ink";
import { semantic } from "../theme/palette.js";
function ActionBar(props) {
  const { pendingCount, hotkeys } = props;
  const dim = pendingCount === 0;
  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", marginTop: 1, children: hotkeys.map((hk, idx) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", marginRight: 2, children: [
    /* @__PURE__ */ jsx(Text, { bold: !dim, dimColor: dim, color: dim ? void 0 : semantic.accent, children: hk.key }),
    /* @__PURE__ */ jsx(Text, { children: " " }),
    /* @__PURE__ */ jsx(Text, { dimColor: dim, children: hk.label }),
    idx < hotkeys.length - 1 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: " " }) : null
  ] }, hk.key)) });
}
export {
  ActionBar
};
//# sourceMappingURL=ActionBar.js.map