@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.32 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var a=require("react/jsx-runtime"),e=require("@mui/material/Box"),t=require("@mui/material/Toolbar"),r=require("@mui/material/Typography"),l=require("clsx");function s(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}var i=s(e),d=s(t),o=s(r),u=s(l);const n="NexusNavBar";exports.default=({navIcon:e,appLogo:t,badge:r,pageTitle:l,leftActions:s,children:p,...c})=>a.jsxs(d.default,{"data-testid":"NavBar-toolbar",className:u.default(`${n}-root`,"NavBar-toolbar"),...c,children:[e&&a.jsx(i.default,{"data-testid":"NavBar-navIcon",className:u.default(`${n}-navIcon`,"NavBar-navIcon"),sx:{mr:4},children:e}),t&&a.jsx(i.default,{"data-testid":"NavBar-appLogo",className:u.default(`${n}-appLogo`,"NavBar-appLogo"),sx:{mr:4},children:t}),l&&a.jsxs(i.default,{"data-testid":"NavBar-pageTitleWrapper",className:u.default(`${n}-pageTitleWrapper`,"NavBar-pageTitleWrapper"),sx:{mr:4},children:["string"==typeof l&&a.jsx(o.default,{"data-testid":"NavBar-pageTitleString",className:u.default(`${n}-pageTitleString`,"NavBar-pageTitleString"),variant:"subtitle2",children:l}),"string"!=typeof l&&l]}),r&&a.jsx(i.default,{"data-testid":"NavBar-badge",className:u.default(`${n}-badge`,"NavBar-badge"),sx:{mr:6},children:r}),s,a.jsx(i.default,{sx:{flex:1}}),p]});