import React from 'react';
import { Box, Typography } from '@mui/material';
import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
import { DIDSpaceDefaultNFT } from '@blocklet/did-space-react';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function Disconnect() {
  const {
    t
  } = useLocaleContext();
  return /*#__PURE__*/_jsx(Box, {
    children: /*#__PURE__*/_jsxs(Box, {
      sx: {
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        alignContent: 'center'
      },
      children: [/*#__PURE__*/_jsx(DIDSpaceDefaultNFT, {
        style: {
          width: 250,
          height: 250
        }
      }), /*#__PURE__*/_jsx(Typography, {
        sx: {
          marginTop: '24px'
        },
        children: t('storage.spaces.connect.providerForStorage')
      })]
    })
  });
}
export default Disconnect;