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

FSE UI components library

import { j as e } from "./index.es237.js";
import './components/ui/filters/FiltersChips/FiltersChips.css';/* empty css            */
import { clsx as o } from "./index.es238.js";
import { Row as n } from "./index.es116.js";
const d = ({
  chips: t,
  id: a,
  additionalClassName: l,
  onChange: s,
  selectedChip: i
}) => /* @__PURE__ */ e.jsx(
  "div",
  {
    className: o("filters-chips-container", l),
    role: "radiogroup",
    "aria-label": "Filter options",
    children: /* @__PURE__ */ e.jsx(n, { alignItems: "center", gap: "x8", flexWrap: "wrap", children: t.map((r) => /* @__PURE__ */ e.jsx(
      "button",
      {
        className: o("filter-chip", {
          "filter-chip--selected": i === r
        }),
        role: "radio",
        "aria-checked": i === r,
        onClick: () => s(r),
        children: r
      },
      `${a}-${r}`
    )) })
  }
);
export {
  d as FiltersChips
};
//# sourceMappingURL=index.es91.js.map