@gsretail.com/gui-core/build/core/TitleSection/GuiTitleSection.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 t from"@emotion/styled";var i,e=function(e){return t(e)(i||(i=n(["\n\n  &.gui-title-section {\n    width: auto;\n    height: auto;\n    margin: 0 -12px 12px;\n    background: ",";\n\n    & > .MuiPaper-root {\n      padding: 8px 16px;\n      border-radius: 0;\n    }\n\n    .title-box {\n      padding: 8px 0;\n      text-align: left;\n\n      .subtitle {\n        color: ",";\n        & > * {\n          font-weight: 700;\n        }\n      }\n    }\n\n    .content-box {\n      position: relative;\n    }\n\n    &.isFlex {\n      .isFlexBox {\n        display: flex;\n        flex-direction: row;\n        width: 100%;\n\n        & .title-box {\n          flex-shrink: 0;\n          padding-right: 40px;\n        }\n        & .content-box {\n          display: inline-flex;\n          align-items: center;\n          text-align: right;\n        }\n      }\n    }\n\n    &.isSpace {\n      margin: 0;\n\n      & > .MuiPaper-root {\n        border-radius: 8px;\n      }\n    }\n  }\n"],["\n\n  &.gui-title-section {\n    width: auto;\n    height: auto;\n    margin: 0 -12px 12px;\n    background: ",";\n\n    & > .MuiPaper-root {\n      padding: 8px 16px;\n      border-radius: 0;\n    }\n\n    .title-box {\n      padding: 8px 0;\n      text-align: left;\n\n      .subtitle {\n        color: ",";\n        & > * {\n          font-weight: 700;\n        }\n      }\n    }\n\n    .content-box {\n      position: relative;\n    }\n\n    &.isFlex {\n      .isFlexBox {\n        display: flex;\n        flex-direction: row;\n        width: 100%;\n\n        & .title-box {\n          flex-shrink: 0;\n          padding-right: 40px;\n        }\n        & .content-box {\n          display: inline-flex;\n          align-items: center;\n          text-align: right;\n        }\n      }\n    }\n\n    &.isSpace {\n      margin: 0;\n\n      & > .MuiPaper-root {\n        border-radius: 8px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.grey[600]}))};export{e as default};