import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { useState as s } from "react";
import a from "../../Command.js";
import { COMMAND_VARIANT as i } from "../../constants/index.js";
import { basicGroups as n } from "../constants/index.js";
import m from "../../../box/Box.js";
import c from "../../../text/Text.js";
const h = () => {
  const [o, t] = s([]);
  return /* @__PURE__ */ r(m, { className: "space-y-4 w-[400px]", children: [
    /* @__PURE__ */ e(a, { groups: n, variant: i.CHECKBOX, value: o, onItemSelect: t }),
    /* @__PURE__ */ e(m, { className: "p-3 bg-[var(--soft-bg-coral)] rounded-md text-sm", children: /* @__PURE__ */ r(c, { type: "small", weight: "medium", children: [
      /* @__PURE__ */ e("strong", { children: "Checked values:" }),
      " ",
      o.join(", ") || "None selected"
    ] }) })
  ] });
};
export {
  h as default
};
//# sourceMappingURL=CheckboxConfigCommand.js.map
