import { jsxs as i, jsx as o } from "react/jsx-runtime";
import { Box as e, Typography as p } from "@mui/material";
import { useLocaleContext as a } from "@arcblock/ux/lib/Locale/context";
import { EmptySpacesNFTIcon as x, DIDSpaceConnect as m } from "@blocklet/did-space-react";
import { useConfigUserSpaceContext as f } from "../../../contexts/config-user-space.js";
function S() {
  const { t } = a(), { updateSpaceGateway: n, session: r } = f(), s = ({ spaceGateway: c }) => n(c);
  return /* @__PURE__ */ i(
    e,
    {
      sx: {
        display: "flex",
        flexDirection: "column"
      },
      children: [
        /* @__PURE__ */ o(
          p,
          {
            sx: {
              fontSize: "16px",
              fontWeight: "bold"
            },
            children: t("storage.spaces.connect.providerForStorage")
          }
        ),
        /* @__PURE__ */ o(
          x,
          {
            viewBox: "0 0 228 258",
            style: {
              width: "156px",
              height: "156px",
              margin: "16px 0"
            }
          }
        ),
        /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(m, { session: r, onSuccess: s }) })
      ]
    }
  );
}
export {
  S as default
};
