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

Mojito secondary market is the platform to purchase NFT.

import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useMemo as r}from"react";import e from"@mui/material/Stack";import a from"@mui/material/Skeleton";import n from"@mui/material/Grid";import m from"@mui/material/Box";import o from"./TraitsLoader.js";import s from"./NetworkDetailsLoader.js";const x=()=>{const x=r((()=>["1","2","3","4","5","6"]),[]);return t(m,{children:t(m,{sx:{paddingX:{xs:"16px",sm:"40px"},marginBottom:"64px"},children:i(n,{container:!0,spacing:6,children:[i(n,{item:!0,xs:12,sm:12,lg:6,children:[t(a,{variant:"rectangular",sx:{width:"100%",height:"400px"}}),t(m,{sx:{marginTop:"24px"},children:t(o,{traitsList:x})}),t(m,{sx:{marginY:"16px"}}),t(s,{})]}),i(n,{item:!0,xs:12,sm:12,lg:6,children:[t(m,{sx:{marginBottom:"24px"},children:t(s,{})}),t(a,{variant:"rectangular",sx:{width:"100%",height:"50px"}}),t(m,{sx:{marginY:"16px"},children:i(e,{spacing:.5,direction:"row",sx:{alignItems:"center",justifyContent:"space-between",marginBottom:"10px"},children:[t(a,{variant:"text",sx:{fontSize:"12px",width:"100%"}}),t(a,{variant:"text",sx:{fontSize:"12px",width:"100%"}})]})}),t(a,{variant:"rectangular",sx:{width:"100%",height:"200px"}}),t(m,{})]})]})})})};export{x as default};