@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.21 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Skeleton"),i=require("@mui/material/Box"),o=require("@mui/material/Typography");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),l=r(i),d=r(o);exports.NotificationContentSkeleton=()=>e.jsxs(l.default,{sx:{display:"flex",flexDirection:"row",height:76,px:6,py:4,borderBottom:"1px solid",borderBottomColor:"divider"},"data-testid":"NotificationContentSkeleton-root",children:[e.jsx(a.default,{variant:"circular",width:40,height:40}),e.jsxs(l.default,{display:"flex",flexDirection:"column",sx:{ml:4,flex:1},children:[e.jsx(d.default,{variant:"body2",display:"block",sx:{width:"100%"},children:e.jsx(a.default,{})}),e.jsx(d.default,{variant:"caption",display:"block",noWrap:!0,sx:{mt:1,width:"60%"},children:e.jsx(a.default,{})})]})]}),exports.NotificationHeaderSkeleton=()=>e.jsx(l.default,{sx:{py:2,top:"0",borderBottom:"1px solid",borderBottomColor:"divider",zIndex:1},"data-testid":"NotificationHeaderSkeleton-root",children:e.jsx(d.default,{variant:"body2",fontWeight:"700",color:"text.primary",sx:{ml:4,width:"10%"},children:e.jsx(a.default,{})})});