@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 1.13 kB
JavaScript
import{__rest as e,__assign as l}from"tslib";import t from"react";import{Box as i,AppBar as r,Toolbar as a}from"@mui/material";import n from"./GuiLayoutHeader.styled.js";var m=n((function(n){var m=n.width,s=n.height,d=n.isFullWidth,h=n.logoChildren,o=n.infoChildren,c=n.badgeChildren,u=n.menuChildren,g=n.className,f=n.boxProps,p=e(n,["width","height","isFullWidth","logoChildren","infoChildren","badgeChildren","menuChildren","className","boxProps"]);return t.createElement(i,l({className:["gui-layout-top",g&&g].join(" "),minHeight:s},f),t.createElement(r,l({className:["gui-header",d&&"isFullWidth"].join(" "),sx:{width:m,height:s},elevation:0},p),t.createElement(a,{disableGutters:!0},p.children?t.createElement(i,{className:"children"},p.children):t.createElement(t.Fragment,null,t.createElement(i,{ml:-1.5},t.createElement(i,{display:"inline-flex",alignItems:"center"},h&&h)),t.createElement(i,{flexGrow:1,className:"info"},o&&o),t.createElement(i,{mr:2},c&&c),t.createElement(i,{mr:2,className:"linked"},u&&u)))))}));m.defaultProps={width:"100%",height:"54px",isFullWidth:!1};export{m as GuiLayoutHeader,m as default};