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

FSE UI components library

import { j as t } from "./index.es278.js";
import './components/ui/filters/FiltersChips/FiltersChips.css';/* empty css            */
import { clsx as l } from "./index.es280.js";
import { Row as p } from "./index.es219.js";
function m(r) {
  return typeof r == "string" ? r : r.value;
}
function u(r) {
  return typeof r == "string" ? r : r.label;
}
const b = ({
  chips: r,
  id: a,
  additionalClassName: n,
  onChange: s,
  selectedChip: o
}) => /* @__PURE__ */ t.jsx(
  "div",
  {
    className: l("filters-chips-container", n),
    role: "radiogroup",
    "aria-label": "Filter options",
    children: /* @__PURE__ */ t.jsx(p, { alignItems: "center", gap: "x8", flexWrap: "wrap", children: r.map((i) => {
      const e = m(i), c = u(i);
      return /* @__PURE__ */ t.jsx(
        "button",
        {
          className: l("filter-chip", {
            "filter-chip--selected": o === e
          }),
          role: "radio",
          "aria-checked": o === e,
          onClick: () => s(e),
          children: c
        },
        `${a}-${e}`
      );
    }) })
  }
);
export {
  b as FiltersChips
};
//# sourceMappingURL=index.es139.js.map