import { jsxs as p, jsx as a } from "react/jsx-runtime";
import d from "react";
import { useDispatch as u, useSelector as n } from "react-redux";
import { Container as m, Icon as f } from "semantic-ui-react";
import I from "lodash.isequal";
const R = (i) => {
  const {
    "data-group": s,
    "data-reset-label": l = "Reset All Filters"
  } = i, c = u(), r = n((o) => o.getIn(["data", "posts", s])), t = n((o) => o.getIn(["data", "posts", "initialFilters", s])), e = d.useMemo(() => r && t ? !I(r, t) : !1, [r, t]);
  return /* @__PURE__ */ p(
    m,
    {
      fluid: !0,
      style: {
        pointerEvents: e ? "auto" : "none",
        cursor: e ? "pointer" : "not-allowed",
        opacity: e ? 1 : 0.5
      },
      className: `data-filters-reset ignore ${e ? "" : "disabled"}`,
      onClick: () => {
        c({
          type: "SET_INITIAL_POSTS_FILTER",
          group: s,
          ...t,
          reset: !0,
          page: 1
        });
      },
      children: [
        /* @__PURE__ */ a("span", { children: l }),
        /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(f, { disabled: !e, name: "undo alternate", className: "custom-undo-icon" }) })
      ]
    }
  );
};
export {
  R as default
};
