@mojito-inc/secondary-market/esm/component/WalletNotConnectedContainer.js

Mojito secondary market is the platform to purchase NFT.

import{jsxs as e,jsx as t}from"react/jsx-runtime";import i from"@mui/icons-material/AccountBalanceWallet";import l from"@mui/material/Typography";import o from"@mui/material/Box";import{useTheme as n}from"@mui/material/styles";const r=({message:r,onConnectWallet:a})=>{var c,m;const p=n();return e(o,{padding:"200px 0",children:[e(o,{paddingBottom:"200px",display:"flex",flexDirection:"column",alignItems:"center",gap:"16px",alignSelf:"stretch",children:[t(i,{sx:{color:null===(m=null===(c=null==p?void 0:p.palette)||void 0===c?void 0:c.primary)||void 0===m?void 0:m.main,width:"38px",height:"36px"}}),e(l,{fontSize:"14px",textAlign:"center",children:["Connect your wallet to view your ",r,"."]})]}),t(o,{display:"flex",flexDirection:"column",alignItems:"center",children:t(l,{"data-testid":"connectWallet-id",onClick:a,sx:{fontSize:"16px",cursor:"pointer",fontWeight:"500",color:p.palette.primary.main},children:"Connect Wallet"})})]})};export{r as default};