@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) • 528 B
JavaScript
import{jsx as t}from"react/jsx-runtime";import o from"@mui/material/Box";import r from"@mui/material/Typography";const i="NexusNotificationSectionHeader",e=e=>t(o,{role:"listitem",sx:t=>({py:2,position:"sticky",top:"0",backgroundColor:"common.white",zIndex:1,textAlign:"start",...t.applyStyles("dark",{backgroundColor:"background.paper"})}),className:`${i}-root`,"data-testid":`${i}-root`,children:t(r,{variant:"body2",fontWeight:"700",color:"text.primary",sx:{ml:4},children:e.title})});export{e as NotificationSectionHeader};