@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 2.04 kB
JavaScript
import{jsxs as i,jsx as t,Fragment as r}from"react/jsx-runtime";import l from"@mui/material/Stack";import o from"@mui/material/Skeleton";import e from"@mui/material/Grid";import n from"@mui/material/Box";import{useTheme as a}from"@mui/material/styles";const d=()=>{var d,g,x,m,u,p,c,s;const v=a();return i(l,{spacing:1,children:[t(n,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"16px",marginX:{xs:"16px",lg:0}},children:t(o,{variant:"rectangular",sx:{width:"30%",height:"40px",backgroundColor:null===(d=null==v?void 0:v.palette)||void 0===d?void 0:d.grey[700]}})}),t(n,{sx:{marginBottom:"16px",marginX:{xs:"16px",lg:0}},children:t(o,{variant:"text",sx:{fontSize:"14px",width:"30%",backgroundColor:null===(g=null==v?void 0:v.palette)||void 0===g?void 0:g.grey[700]}})}),t(n,{sx:{marginBottom:"30px",marginX:{xs:"16px",lg:0}},children:i(e,{container:!0,spacing:2,children:[i(e,{item:!0,xs:12,sm:12,md:12,lg:6,xl:6,children:[t(o,{variant:"rectangular",sx:{width:"100%",height:"300px",backgroundColor:null===(x=null==v?void 0:v.palette)||void 0===x?void 0:x.grey[700]}}),t(o,{variant:"text",sx:{fontSize:"14px",backgroundColor:null===(m=null==v?void 0:v.palette)||void 0===m?void 0:m.grey[700],marginTop:"10px"}}),t(o,{variant:"text",sx:{fontSize:"14px",backgroundColor:null===(u=null==v?void 0:v.palette)||void 0===u?void 0:u.grey[700]}})]}),t(e,{item:!0,xs:12,sm:12,md:12,lg:6,xl:6,children:i(r,{children:[t(o,{variant:"rectangular",sx:{width:"100%",height:"70px",backgroundColor:null===(p=null==v?void 0:v.palette)||void 0===p?void 0:p.grey[700]}}),t(n,{sx:{marginBottom:"16px"},children:t(o,{variant:"rectangular",sx:{width:"100%",height:"100px",backgroundColor:null===(c=null==v?void 0:v.palette)||void 0===c?void 0:c.grey[700]}})})]})})]})}),t(n,{sx:{justifyContent:"center",alignItems:"center",marginX:{xs:"16px",lg:0}},children:t(o,{variant:"rectangular",sx:{width:"100%",height:"100px",backgroundColor:null===(s=null==v?void 0:v.palette)||void 0===s?void 0:s.grey[700]}})})]})};export{d as default};