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

FSE UI components library

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