@anoki/fse-ui/dist/index.es88.js

FSE UI components library

import { j as o } from "./index.es237.js";
import { CheckboxFilter as i } from "./index.es90.js";
import { clsx as x } from "./index.es239.js";
import './components/ui/filters/CategoryContent/CategoryContent.css';/* empty css            */
import { Col as f } from "./index.es61.js";
const C = ({
  className: n = "",
  canMultiple: c = !0,
  items: s,
  selectedItems: l,
  onChange: a
}) => {
  const d = (r) => {
    let e;
    c ? e = l.includes(r) ? l.filter((h) => h !== r) : [...l, r] : l.includes(r) ? e = [] : e = [r], a(e);
  };
  return /* @__PURE__ */ o.jsx(f, { className: x(n), children: s.map((r, e) => /* @__PURE__ */ o.jsxs(
    "div",
    {
      className: "ui-checkbox-border border-divider py-x8",
      children: [
        /* @__PURE__ */ o.jsx(
          i,
          {
            id: r.id,
            label: r.label,
            checked: r.checked,
            onChange: () => d(r.id),
            classNameText: "fs-6 fw-regular",
            canMultiple: c
          }
        ),
        r.checked && r.children ? /* @__PURE__ */ o.jsx("div", { className: "my-x8", children: r.children }) : null
      ]
    },
    e
  )) });
};
export {
  C as CategoryContent
};
//# sourceMappingURL=index.es88.js.map