@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) • 959 B
JavaScript
import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"@mui/material/Skeleton";import r from"@mui/material/Box";import e from"@mui/material/Typography";const d=()=>o(r,{sx:{display:"flex",flexDirection:"row",height:76,px:6,py:4,borderBottom:"1px solid",borderBottomColor:"divider"},"data-testid":"NotificationContentSkeleton-root",children:[t(i,{variant:"circular",width:40,height:40}),o(r,{display:"flex",flexDirection:"column",sx:{ml:4,flex:1},children:[t(e,{variant:"body2",display:"block",sx:{width:"100%"},children:t(i,{})}),t(e,{variant:"caption",display:"block",noWrap:!0,sx:{mt:1,width:"60%"},children:t(i,{})})]})]}),l=()=>t(r,{sx:{py:2,top:"0",borderBottom:"1px solid",borderBottomColor:"divider",zIndex:1},"data-testid":"NotificationHeaderSkeleton-root",children:t(e,{variant:"body2",fontWeight:"700",color:"text.primary",sx:{ml:4,width:"10%"},children:t(i,{})})});export{d as NotificationContentSkeleton,l as NotificationHeaderSkeleton};