@nexusui/components/core/LogoBlock/LogoBlock.component.js

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.

import{jsx as o,jsxs as t,Fragment as i}from"react/jsx-runtime";import r from"@mui/material/Box";import e from"@mui/material/Divider";import a from"@mui/material/Typography";import n from"@mui/material/Stack";import l from"@mui/material/Button";import c from"@mui/material/IconButton";import m from"./Hexagon.js";const d=d=>{const{productLogo:s,productName:g,showHexagon:u=!0,onProductClick:h,onHexagonClick:p,sx:x,...f}=d,k="string"==typeof g?o(a,{variant:"body2","data-testid":"LogoBlock-productName",sx:{ml:u&&!h||s?2:0},children:g}):o(r,{"data-testid":"LogoBlock-productNameCustom",sx:{ml:u||s?2:0},children:g}),B=s&&o(r,{"data-testid":"LogoBlock-productLogo",sx:{"& svg":{display:"block"}},children:s}),L=s||g,y=h?o(l,{"data-testid":"LogoBlock-productButton",color:"inherit",sx:{textAlign:"unset",minWidth:"unset","& .MuiButton-startIcon":{ml:0,mr:0}},startIcon:B,onClick:h,children:g&&k}):t(i,{children:[s&&B,g&&k]});return t(n,{direction:"row",alignItems:"center",sx:[{fontSize:"1.5rem"},...Array.isArray(x)?x:[x]],...f,children:[u&&p&&o(c,{"aria-label":"Hexagon Logo","data-testid":"LogoBlock-hexagonLogoButton",color:"inherit",onClick:p,sx:{fontSize:"inherit"},children:o(m,{"data-testid":"LogoBlock-hexagonLogo",fontSize:"inherit",sx:{display:"block"}})}),u&&!p&&o(r,{children:o(m,{"data-testid":"LogoBlock-hexagonLogo",fontSize:"inherit",sx:{display:"block"}})}),u&&s&&o(e,{"data-testid":"LogoBlock-divider",orientation:"vertical",flexItem:!0,sx:{alignSelf:"center",height:"1em",borderColor:"inherit",ml:p?2:4,mr:h?2:4,opacity:.43}}),L&&y]})};export{d as default};