import { jsx as r } from "react/jsx-runtime";
import { Icon as o } from "@iconify/react";
import m from "@iconify-icons/mdi/api";
import f from "@iconify-icons/material-symbols/ios-rounded";
import s from "@iconify-icons/material-symbols/language";
import a from "@iconify-icons/material-symbols/android";
import c from "@iconify-icons/material-symbols/question-mark-rounded";
import u from "@iconify-icons/material-symbols/mail-outline-rounded";
import { LOGIN_PROVIDER as p } from "../Util/constant.js";
function x({
  loading: i = !1,
  walletOS: t,
  provider: e = "wallet",
  color: n = "black"
}) {
  return i ? /* @__PURE__ */ r(o, { icon: c, style: { color: "transparent" } }) : e === p.AUTH0 ? /* @__PURE__ */ r(o, { icon: u, style: { color: n, transform: "scale(0.85)" } }) : t === "ios" ? /* @__PURE__ */ r(o, { icon: f, style: { color: n, transform: "scale(1.1)" } }) : t === "android" ? /* @__PURE__ */ r(o, { icon: a, style: { color: n } }) : t === "web" ? /* @__PURE__ */ r(o, { icon: s, style: { color: n } }) : t === "api" ? /* @__PURE__ */ r(o, { icon: m, style: { color: n, transform: "scale(1.05)" } }) : null;
}
export {
  x as default
};
