import { jsx as e } from "react/jsx-runtime";
import { Tooltip as l, Box as a } from "@mui/material";
import { useCreation as p } from "ahooks";
import { mergeSx as s } from "@arcblock/ux/lib/Util/style";
import { useStateContext as d } from "../contexts/state.js";
function x({ ...o }) {
  const { t: r, locale: t } = d(), n = p(() => ["zh", "en"].includes ? `https://www.didwallet.io/${t}` : "https://www.didwallet.io/en", [t]), i = r("downloadTips");
  return /* @__PURE__ */ e(
    l,
    {
      title: i,
      arrow: !0,
      placement: "top",
      slotProps: {
        popper: {
          modifiers: [
            {
              name: "offset",
              options: {
                offset: [0, -8]
              }
            }
          ]
        }
      },
      children: /* @__PURE__ */ e(
        a,
        {
          component: "a",
          href: n,
          target: "_blank",
          rel: "noopener",
          ...o,
          sx: s(
            {
              color: "primary.main",
              textDecoration: "none",
              "&:hover": {
                textDecoration: "dashed underline"
              }
            },
            o?.sx
          ),
          children: "DID Wallet"
        }
      )
    }
  );
}
export {
  x as default
};
