@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 2.09 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Stack"),a=require("@mui/material/CardActions"),i=require("@mui/material/Skeleton"),t=require("@mui/material/Card"),n=require("@mui/material/CardContent"),o=require("@mui/material/Box"),l=require("@mui/material/styles");exports.default=({cardLoaderBg:d,cardSkeletonBg:s})=>{var u,x,p,m,c,v;const g=l.useTheme();return e.jsxs(t,{sx:{boxShadow:"none",backgroundColor:null!=d?d:"",borderRadius:"12px"},children:[e.jsxs(n,{sx:{padding:"0px !important",backgroundColor:null===(p=null===(x=null===(u=g.palette)||void 0===u?void 0:u.appDefaultColor)||void 0===x?void 0:x.primary)||void 0===p?void 0:p.dark},children:[e.jsx(i,{variant:"rectangular",animation:"wave",height:300,sx:{borderTopLeftRadius:"12px",borderTopRightRadius:"12px",backgroundColor:null!=s?s:""}}),e.jsxs(o,{sx:{padding:"16px"},children:[e.jsx(i,{variant:"text",animation:"wave",sx:{marginBottom:"18px",backgroundColor:null!=s?s:""}}),e.jsxs(r,{sx:{height:"85px"},direction:"row",justifyContent:"space-between",children:[e.jsxs(o,{sx:{width:"50%"},children:[e.jsx(i,{variant:"text",animation:"wave",sx:{marginBottom:"8px",width:"100%",backgroundColor:null!=s?s:""}}),e.jsx(i,{variant:"text",animation:"wave",sx:{marginBottom:"8px",backgroundColor:null!=s?s:""}}),e.jsx(i,{variant:"text",animation:"wave",sx:{backgroundColor:null!=s?s:""}})]}),e.jsx(o,{sx:{display:"flex",justifyContent:"flex-end",alignItems:"flex-end"},children:e.jsx(o,{sx:{borderRadius:20,display:"flex",justifyContent:"center",alignItems:"center"},children:e.jsx(i,{variant:"text",animation:"wave",sx:{width:"50px",height:"27px",borderRadius:"20px",padding:"10px",backgroundColor:null!=s?s:""}})})})]})]})]}),e.jsx(a,{sx:{backgroundColor:null===(v=null===(c=null===(m=g.palette)||void 0===m?void 0:m.appDefaultColor)||void 0===c?void 0:c.primary)||void 0===v?void 0:v.dark,paddingTop:0},children:e.jsx(i,{variant:"rectangular",animation:"wave",sx:{width:"100%",height:"40px",borderRadius:"4px",backgroundColor:null!=s?s:""}})})]})};