@gsretail.com/gui-core/build/core/Layout/Air/LayoutContent/styled.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import r from"@emotion/styled";import{Box as t}from"@mui/material";import"@mui/material/styles";import i from"../../../../assets/theme/basicStyle.js";var o,e=i.layout.header.height,a=r(t)(o||(o=n(["\n\n  padding-top :","px;\n  padding-bottom :","px;\n\n  margin-top : ","px;\n  // margin-right: 48px;\n  margin-right: 16px;\n  margin-left: 16px;\n\n  padding-left: ","px;\n\n  & .MuiPaper-root + .MuiPaper-root,\n  & .page-title + .MuiPaper-root {\n    margin-top: 0;\n  }\n\n  & .gui-tabPanel {\n    flex-grow: 1;\n  }\n\n  & .half.vertical,\n  & .verticalLayout {\n    flex-grow: 1;\n    display: flex;\n    gap: 12px;\n    margin: 16px 0;\n\n    & > .MuiPaper-root,\n    & > .MuiBox-root {\n      flex-grow: 1;\n      margin: 0;\n    }\n  }\n"],["\n\n  padding-top :","px;\n  padding-bottom :","px;\n\n  margin-top : ","px;\n  // margin-right: 48px;\n  margin-right: 16px;\n  margin-left: 16px;\n\n  padding-left: ","px;\n\n  & .MuiPaper-root + .MuiPaper-root,\n  & .page-title + .MuiPaper-root {\n    margin-top: 0;\n  }\n\n  & .gui-tabPanel {\n    flex-grow: 1;\n  }\n\n  & .half.vertical,\n  & .verticalLayout {\n    flex-grow: 1;\n    display: flex;\n    gap: 12px;\n    margin: 16px 0;\n\n    & > .MuiPaper-root,\n    & > .MuiBox-root {\n      flex-grow: 1;\n      margin: 0;\n    }\n  }\n"])),(function(n){return n.fullscreen?0:e}),(function(n){return n.isFooter?e:0}),(function(n){return n.isTitleTab?-36:0}),(function(n){return n.fullscreen?0:(n.resize,73)}));export{a as StyledBox};