import { jsx as e, jsxs as t } from "react/jsx-runtime";
import { Dialog as a, Typography as r } from "@mui/material";
import l from "@arcblock/react-hooks/lib/useBrowser";
import n from "./images/ios.png";
import o from "./images/android.png";
import { styled as s } from "../Theme/index.js";
function u() {
  const i = l();
  return !i.mobile.any || !i.wechat ? null : i.android ? /* @__PURE__ */ e(a, { open: !0, fullScreen: !0, children: /* @__PURE__ */ t(c, { children: [
    /* @__PURE__ */ e(r, { className: "wechat-title", children: "1. 轻触右上方菜单" }),
    /* @__PURE__ */ t("div", { className: "wechat-tip", children: [
      /* @__PURE__ */ e(r, { className: "wechat-tip-text", children: "2. 点击“在浏览器打开”，才能调起 DID Wallet" }),
      /* @__PURE__ */ e("img", { className: "wechat-tip-img", src: o, alt: "Open in Android Browser" })
    ] })
  ] }) }) : /* @__PURE__ */ e(a, { open: !0, fullScreen: !0, children: /* @__PURE__ */ t(c, { children: [
    /* @__PURE__ */ e(r, { className: "wechat-title", children: "1. 轻触右上方菜单" }),
    /* @__PURE__ */ t("div", { className: "wechat-tip", children: [
      /* @__PURE__ */ e(r, { className: "wechat-tip-text", children: "2. 点击“在Safari中打开”，才能调起 DID Wallet" }),
      /* @__PURE__ */ e("img", { className: "wechat-tip-img", src: n, alt: "Open in Safari" })
    ] })
  ] }) });
}
const c = s("div")`
  .wechat-title {
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #9cdbd8;
  }

  .wechat-tip {
    display: flex;
    flex-direction: column;
    align-items: center;

    .wechat-tip-text {
      font-size: 20px;
      padding: 10px 10px;
      overflow: auto;
      word-break: break-word;
      text-align: center;
    }

    .wechat-tip-img {
      width: 90%;
      object-fit: cover;
    }
  }
`;
export {
  u as default
};
