@mojito-inc/secondary-market/esm/loader/TokenCardLoader.js

Mojito secondary market is the platform to purchase NFT.

import{jsxs as a,jsx as o}from"react/jsx-runtime";import r from"@mui/material/Stack";import i from"@mui/material/CardActions";import t from"@mui/material/Skeleton";import n from"@mui/material/Card";import e from"@mui/material/CardContent";import l from"@mui/material/Box";import{useTheme as d}from"@mui/material/styles";const m=({cardLoaderBg:m,cardSkeletonBg:u})=>{var p,x,s,c,g,v;const h=d();return a(n,{sx:{boxShadow:"none",backgroundColor:null!=m?m:"",borderRadius:"12px"},children:[a(e,{sx:{padding:"0px !important",backgroundColor:null===(s=null===(x=null===(p=h.palette)||void 0===p?void 0:p.appDefaultColor)||void 0===x?void 0:x.primary)||void 0===s?void 0:s.dark},children:[o(t,{variant:"rectangular",animation:"wave",height:300,sx:{borderTopLeftRadius:"12px",borderTopRightRadius:"12px",backgroundColor:null!=u?u:""}}),a(l,{sx:{padding:"16px"},children:[o(t,{variant:"text",animation:"wave",sx:{marginBottom:"18px",backgroundColor:null!=u?u:""}}),a(r,{sx:{height:"85px"},direction:"row",justifyContent:"space-between",children:[a(l,{sx:{width:"50%"},children:[o(t,{variant:"text",animation:"wave",sx:{marginBottom:"8px",width:"100%",backgroundColor:null!=u?u:""}}),o(t,{variant:"text",animation:"wave",sx:{marginBottom:"8px",backgroundColor:null!=u?u:""}}),o(t,{variant:"text",animation:"wave",sx:{backgroundColor:null!=u?u:""}})]}),o(l,{sx:{display:"flex",justifyContent:"flex-end",alignItems:"flex-end"},children:o(l,{sx:{borderRadius:20,display:"flex",justifyContent:"center",alignItems:"center"},children:o(t,{variant:"text",animation:"wave",sx:{width:"50px",height:"27px",borderRadius:"20px",padding:"10px",backgroundColor:null!=u?u:""}})})})]})]})]}),o(i,{sx:{backgroundColor:null===(v=null===(g=null===(c=h.palette)||void 0===c?void 0:c.appDefaultColor)||void 0===g?void 0:g.primary)||void 0===v?void 0:v.dark,paddingTop:0},children:o(t,{variant:"rectangular",animation:"wave",sx:{width:"100%",height:"40px",borderRadius:"4px",backgroundColor:null!=u?u:""}})})]})};export{m as default};