import { jsx as t } from "react/jsx-runtime";
import { memo as e } from "react";
import c from "@iconify-icons/material-symbols/mail-outline-rounded";
import f from "@iconify-icons/logos/apple";
import p from "@iconify-icons/logos/google-icon";
import h from "@iconify-icons/logos/auth0-icon";
import a from "@iconify-icons/material-symbols/passkey-rounded";
import { Icon as u } from "@iconify/react";
import { Box as n } from "@mui/material";
import { LOGIN_PROVIDER as o } from "../Util/constant.js";
import { mergeSx as m } from "../Util/style.js";
import I from "./icons/did-wallet-logo.js";
import d from "./icons/github-logo.js";
function L({
  provider: l = "wallet",
  ...r
}) {
  if (["wallet", "wallet-web"].includes(l))
    return /* @__PURE__ */ t(I, { ...r });
  if (l === o.GITHUB)
    return /* @__PURE__ */ t(n, { component: "span", ...r, sx: m({ display: "inline-block" }, r.sx), children: /* @__PURE__ */ t(d, { width: "100%", height: "100%", fill: "currentColor" }) });
  const i = {
    [o.AUTH0]: h,
    [o.EMAIL]: c,
    [o.APPLE]: f,
    [o.GOOGLE]: p,
    [o.PASSKEY]: a,
    [o.TWITTER]: {
      body: '<path fill="currentColor" d="M149.079 108.399L242.33 0h-22.098l-80.97 94.12L74.59 0H0l97.796 142.328L0 256h22.1l85.507-99.395L175.905 256h74.59L149.073 108.399zM118.81 143.58l-9.909-14.172l-78.84-112.773h33.943l63.625 91.011l9.909 14.173l82.705 118.3H186.3l-67.49-96.533z"/>',
      width: 251,
      height: 251
    }
  };
  return i[l] ? /* @__PURE__ */ t(
    n,
    {
      component: u,
      icon: i[l],
      fill: "currentColor",
      ...r,
      sx: m(
        { width: "100%", height: "100%" },
        l === o.TWITTER ? { scale: "0.8" } : {},
        r.sx
      )
    }
  ) : null;
}
const M = e(L);
export {
  M as default
};
