@nexusui/components/core/ProductCard/ProductCard.skeleton.js

These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.

import{jsxs as i,jsx as r}from"react/jsx-runtime";import t from"@mui/material/Skeleton";import e from"@mui/material/Stack";const d=i(e,{sx:{p:4},children:[i(e,{direction:"row",children:[r(t,{variant:"rounded",width:52,height:52}),i(e,{sx:{flex:1,ml:4},children:[r(t,{variant:"rounded",width:"100%",height:24,sx:{mb:2}}),r(t,{variant:"rounded",width:"50%",height:16})]})]}),r(t,{variant:"rounded",width:"30%",height:32,sx:{mt:4,mb:6}}),i(e,{direction:"row",children:[r(t,{variant:"rounded",width:"100%",height:24,sx:{flex:2,mr:12}}),r(t,{variant:"rounded",width:"100%",height:24,sx:{flex:1}})]}),i(e,{direction:"row",sx:{mt:4},children:[r(t,{variant:"rounded",width:"100%",height:24,sx:{flex:2,mr:12}}),r(t,{variant:"rounded",width:"100%",height:24,sx:{flex:1}})]})]});export{d as ProductCardSkeleton};