@anoki/fse-marche-ui/dist/index.es49.js

FSE UI components library

import { j as t } from "./index.es137.js";
import { clsx as d } from "./index.es139.js";
import './components/ui/filters/BottomNavigation/BottomNavigation.css';/* empty css            */
import { Col as f } from "./index.es10.js";
import { Button as s } from "./index.es25.js";
const g = ({
  className: e = "",
  title: i,
  removeLabel: r,
  applyLabel: l,
  selectedFilters: n,
  onApplyFilters: c,
  onClearFilters: m
}) => {
  const o = Object.values(n).reduce(
    (a, x) => a + x.length,
    0
  );
  return /* @__PURE__ */ t.jsxs(f, { gap: "x24", className: d(e), children: [
    /* @__PURE__ */ t.jsxs("h5", { className: "fw-semibold fs-5 text-slate-20", children: [
      i,
      " (",
      o,
      ")"
    ] }),
    /* @__PURE__ */ t.jsxs("footer", { className: "ui-bottom-navigation-filters", children: [
      /* @__PURE__ */ t.jsx(s, { onClick: m, disabled: o === 0, children: r }),
      /* @__PURE__ */ t.jsx(s, { onClick: c, children: l })
    ] })
  ] });
};
export {
  g as BottomNavigation
};
//# sourceMappingURL=index.es49.js.map