import { jsxs as o, jsx as e } from "react/jsx-runtime";
import { ScheduleFillW700 as l } from "@material-symbols-svg/react-rounded/icons/schedule";
import { cn as x } from "../../utils/cn.js";
const m = ({
  isActive: r,
  pendingTransactionsCount: t,
  onClick: s
}) => /* @__PURE__ */ o(
  "button",
  {
    type: "button",
    onClick: s,
    className: x(
      "relative px-sw-md cursor-pointer transition-colors",
      r ? "text-sw-gray-50" : "text-sw-gray-200 hover:text-sw-gray-50"
    ),
    children: [
      /* @__PURE__ */ e(l, { className: "w-sw-2xl h-sw-2xl" }),
      t > 0 && /* @__PURE__ */ e("span", { className: "absolute -top-[8px] right-[0px] flex items-center justify-center min-w-[16px] h-[16px] rounded-full bg-sw-accent-500 text-sw-gray-950 text-sw-label-sm border-2 border-sw-gray-950", children: t })
    ]
  }
);
export {
  m as WidgetHistoryButton
};
//# sourceMappingURL=WidgetHistoryButton.js.map
