@gsretail.com/gui-core/build/core/FileBox/FileBoxContainer.js

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

import{__makeTemplateObject as i,__rest as n,__assign as e}from"../../node_modules/tslib/tslib.es6.js";import t from"react";import{Box as l}from"@mui/material";import r from"@emotion/styled";var a,o=r(l)(a||(a=i(["\n  &.gui-filebox {\n    display: inline-flex;\n    flex-direction: ",";\n    align-items: flex-start;\n    gap: 8px;\n\n    & .gui-filebox-list {\n      width: ",";\n      min-height: 32px;\n      max-height: ",";\n    }\n  }\n"],["\n  &.gui-filebox {\n    display: inline-flex;\n    flex-direction: ",";\n    align-items: flex-start;\n    gap: 8px;\n\n    & .gui-filebox-list {\n      width: ",";\n      min-height: 32px;\n      max-height: ",";\n    }\n  }\n"])),(function(i){return i.vertical?"column":"row"}),(function(i){return i.vertical?"100%":"auto"}),(function(i){var n=i.maxHeight;return n?"".concat(n,"px"):"unset"})),m=function(i){var l=i.maxHeight,r=i.vertical,a=i.children,m=n(i,["maxHeight","vertical","children"]);return t.createElement(o,e({className:"gui-filebox",maxHeight:l,vertical:r},m),a)};m.defaultProps={vertical:!1};export{m as default};