@nexusui/components
Version:
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.
2 lines (1 loc) • 1.1 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Skeleton"),d=require("@mui/material/Stack");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t),a=r(d);const u=e.jsxs(a.default,{sx:{p:4},children:[e.jsxs(a.default,{direction:"row",children:[e.jsx(i.default,{variant:"rounded",width:52,height:52}),e.jsxs(a.default,{sx:{flex:1,ml:4},children:[e.jsx(i.default,{variant:"rounded",width:"100%",height:24,sx:{mb:2}}),e.jsx(i.default,{variant:"rounded",width:"50%",height:16})]})]}),e.jsx(i.default,{variant:"rounded",width:"30%",height:32,sx:{mt:4,mb:6}}),e.jsxs(a.default,{direction:"row",children:[e.jsx(i.default,{variant:"rounded",width:"100%",height:24,sx:{flex:2,mr:12}}),e.jsx(i.default,{variant:"rounded",width:"100%",height:24,sx:{flex:1}})]}),e.jsxs(a.default,{direction:"row",sx:{mt:4},children:[e.jsx(i.default,{variant:"rounded",width:"100%",height:24,sx:{flex:2,mr:12}}),e.jsx(i.default,{variant:"rounded",width:"100%",height:24,sx:{flex:1}})]})]});exports.ProductCardSkeleton=u;