@gsretail.com/gui-core/build/core/Section/PagePanel/shared/PanelGroup/PanelGroupView.js

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

import{__makeTemplateObject as n,__assign as t}from"../../../../../node_modules/tslib/tslib.es6.js";import{Grid as i}from"@mui/material";import r from"react";import a from"@emotion/styled";var m,e=a(i)(m||(m=n(["\n  width: 100%;\n\n  @media (min-width: ","px) {\n    display: flex;\n    flex-wrap: nowrap;\n\n    > * {\n      margin-right: 0.25rem !important;\n\n      &:last-child {\n        margin-right: 0 !important;\n      }\n    }\n  }\n\n  @media (max-width: ","px) {\n    > * {\n      margin-top: 4px !important;\n      &:first-of-type {\n        margin-top: 0 !important;\n      }\n    }\n  }\n"],["\n  width: 100%;\n\n  @media (min-width: ","px) {\n    display: flex;\n    flex-wrap: nowrap;\n\n    > * {\n      margin-right: 0.25rem !important;\n\n      &:last-child {\n        margin-right: 0 !important;\n      }\n    }\n  }\n\n  @media (max-width: ","px) {\n    > * {\n      margin-top: 4px !important;\n      &:first-of-type {\n        margin-top: 0 !important;\n      }\n    }\n  }\n"])),(function(n){return n.theme.breakpoints.values.lg}),(function(n){return n.theme.breakpoints.values.lg})),o=function(n){var i=n.children,a=n.width;return r.createElement(e,t({wrap:"nowrap",style:{width:a}},n),i)};o.defaultProps={};export{o as default};