@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) • 988 B
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Skeleton"),r=require("@mui/material/Stack");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t),n=i(r);const d=e.jsxs(n.default,{sx:{px:4,py:12,alignItems:"center",justifyContent:"center",height:"100%"},children:[e.jsx(a.default,{variant:"rounded",width:72,height:72,sx:{mb:6}}),e.jsx(a.default,{variant:"rounded",width:"60%",height:24,sx:{mb:2}}),e.jsx(a.default,{variant:"rounded",width:"80%",height:24})]}),s=e.jsxs(n.default,{direction:"row",sx:{p:4,alignItems:"center",justifyContent:"center",height:"100%"},children:[e.jsxs(n.default,{spacing:2,sx:{flex:1},children:[e.jsx(a.default,{variant:"rounded",width:"30%",height:18}),e.jsx(a.default,{variant:"rounded",width:"60%",height:16})]}),e.jsx(a.default,{variant:"rounded",width:24,height:24,sx:{ml:8}})]});exports.EmptyCardRectangleSkeleton=s,exports.EmptyCardSkeleton=d;