@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) • 2.08 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 i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t),r=i(d);const n=e.jsxs(r.default,{sx:{p:4},children:[e.jsx(a.default,{variant:"rounded",width:"100%",height:168}),e.jsxs(r.default,{direction:"row",spacing:4,sx:{mt:6,flex:1},children:[e.jsxs(r.default,{flex:1,spacing:2,children:[e.jsx(a.default,{variant:"rounded",width:"35%",height:16,sx:{mb:6}}),e.jsx(a.default,{variant:"rounded",width:"100%",height:16}),e.jsx(a.default,{variant:"rounded",width:"50%",height:8}),e.jsx(a.default,{variant:"rounded",width:"50%",height:8})]}),e.jsxs(r.default,{flex:1,spacing:2,direction:"row",alignItems:"flex-end",justifyContent:"flex-end",children:[e.jsx(a.default,{variant:"rounded",width:24,height:24}),e.jsx(a.default,{variant:"rounded",width:24,height:24}),e.jsx(a.default,{variant:"rounded",width:24,height:24})]})]})]}),h=e.jsxs(r.default,{direction:"row",sx:{p:4},children:[e.jsx(a.default,{variant:"rounded",width:120,height:120}),e.jsxs(r.default,{flex:1,spacing:2,sx:{ml:8},children:[e.jsx(a.default,{variant:"rounded",height:24,sx:{flex:1}}),e.jsxs(r.default,{direction:"row",spacing:2,sx:{mb:6},children:[e.jsx(a.default,{variant:"rounded",height:16,sx:{flex:1}}),e.jsx(a.default,{variant:"rounded",height:16,sx:{flex:1}}),e.jsx(a.default,{variant:"rounded",height:16,sx:{flex:1}})]}),e.jsx(a.default,{variant:"rounded",width:"100%",height:16}),e.jsx(a.default,{variant:"rounded",width:"50%",height:8}),e.jsx(a.default,{variant:"rounded",width:"50%",height:8})]}),e.jsxs(r.default,{flex:1,spacing:2,direction:"row",alignItems:"center",justifyContent:"flex-end",children:[e.jsx(a.default,{variant:"rounded",width:24,height:24}),e.jsx(a.default,{variant:"rounded",width:24,height:24}),e.jsx(a.default,{variant:"rounded",width:24,height:24}),e.jsx(a.default,{variant:"rounded",width:24,height:24})]})]});exports.ComplexCardRectangleSkeleton=h,exports.ComplexCardSkeleton=n;