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

FSE UI components library

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