import { jsxs as i, jsx as l } from "react/jsx-runtime";
import "../../constants/chains.js";
import "ethers";
import "../../logger.js";
import { cn as a } from "../../utils/cn.js";
const o = {
  default: {
    container: "gap-x-sw-sm",
    icon: "h-sw-xl w-sw-xl",
    label: "text-sw-label-md"
  },
  title: {
    container: "gap-x-sw-lg",
    icon: "h-sw-[28px] w-sw-[28px]",
    label: "text-sw-label-lg"
  }
}, x = ({
  status: e,
  variant: s = "default"
}) => {
  const n = o[s];
  return /* @__PURE__ */ i(
    "div",
    {
      className: a(
        "flex items-center",
        n.container,
        e.colorClassName
      ),
      children: [
        e.Icon && /* @__PURE__ */ l(
          e.Icon,
          {
            className: a(n.icon, {
              "animate-spin": e.iconIsSpinning
            })
          }
        ),
        /* @__PURE__ */ l("span", { className: n.label, children: e.label })
      ]
    }
  );
};
export {
  x as TransactionStatusBadge
};
//# sourceMappingURL=TransactionStatusBadge.js.map
