@nexusui/components/cjs/core/EmptyCard/EmptyCard.component.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.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Typography"),a=require("@mui/material/Card"),t=require("@mui/material/CardActionArea"),i=require("@mui/material/List"),n=require("@mui/material/ListItem"),d=require("@mui/material/ListItemText"),o=require("@mui/material/Box"),s=require("@mui/icons-material/Add"),l=require("./EmptyCard.styles.js"),u=require("../Card/hooks/useCardLoading.js"),c=require("../Card/components/LoadingManager.js"),m=require("./EmptyCard.skeleton.js"),y=require("../EmptyState/EmptyState.container.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(r),x=g(a),j=g(t),f=g(i),h=g(n),q=g(d),C=g(o),v=g(s);exports.default=({header:r="",description:a="",icon:t=e.jsx(v.default,{className:"iconStyle"}),mode:i="square",loading:n,loadingMode:d="spinner",sx:o,...s})=>{const g="string"==typeof r?e.jsx(p.default,{component:"div",variant:"subtitle1",color:"primary",children:r}):r,L="string"==typeof a?e.jsx(p.default,{component:"div",variant:"caption",color:"text.secondary",children:a}):a,{renderLoadingPanel:A,cardLoadingStyle:S}=u.useCardLoading(n,d);return e.jsxs(e.Fragment,{children:["square"===i&&e.jsx(x.default,{"data-testid":"squareCard",elevation:0,variant:"outlined",...s,sx:[l.default.squareCard,S,...Array.isArray(o)?o:[o]],children:e.jsxs(c.LoadingManager,{loading:n,loadingMode:d,skeleton:m.EmptyCardSkeleton,children:[e.jsx(j.default,{sx:{height:1,p:4},children:e.jsx(C.default,{sx:{color:"primary.main"},children:e.jsx(y.EmptyState,{icon:t,header:r,description:L})})}),A]})}),"rectangle"===i&&e.jsx(x.default,{"data-testid":"rectangleCard",elevation:0,variant:"outlined",...s,sx:[l.default.rectangleCard,S,...Array.isArray(o)?o:[o]],children:e.jsxs(c.LoadingManager,{loading:n,loadingMode:d,skeleton:"rectangle"===i?m.EmptyCardRectangleSkeleton:m.EmptyCardSkeleton,children:[e.jsx(j.default,{sx:{height:1},children:e.jsx(f.default,{disablePadding:!0,children:e.jsx(h.default,{secondaryAction:t,sx:{"& .MuiListItemSecondaryAction-root":{color:"primary.main"}},children:e.jsx(q.default,{primary:g,secondary:L})})})}),A]})})]})};