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