@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.05 kB
JavaScript
import{jsxs as a,jsx as r}from"react/jsx-runtime";import e from"@mui/material/Box";import t from"@mui/material/Toolbar";import i from"@mui/material/Typography";import o from"clsx";const s="NexusNavBar",l=({navIcon:l,appLogo:p,badge:m,pageTitle:d,leftActions:n,children:c,...g})=>a(t,{"data-testid":"NavBar-toolbar",className:o(`${s}-root`,"NavBar-toolbar"),...g,children:[l&&r(e,{"data-testid":"NavBar-navIcon",className:o(`${s}-navIcon`,"NavBar-navIcon"),sx:{mr:4},children:l}),p&&r(e,{"data-testid":"NavBar-appLogo",className:o(`${s}-appLogo`,"NavBar-appLogo"),sx:{mr:4},children:p}),d&&a(e,{"data-testid":"NavBar-pageTitleWrapper",className:o(`${s}-pageTitleWrapper`,"NavBar-pageTitleWrapper"),sx:{mr:4},children:["string"==typeof d&&r(i,{"data-testid":"NavBar-pageTitleString",className:o(`${s}-pageTitleString`,"NavBar-pageTitleString"),variant:"subtitle2",children:d}),"string"!=typeof d&&d]}),m&&r(e,{"data-testid":"NavBar-badge",className:o(`${s}-badge`,"NavBar-badge"),sx:{mr:6},children:m}),n,r(e,{sx:{flex:1}}),c]});export{l as default};