@gsretail.com/gui-core/build/esm/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 t}from"tslib";import e from"react";import{Box as r}from"@mui/material";import l from"@emotion/styled";var a,o=l(r)(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 r=i.maxHeight,l=i.vertical,a=i.children,m=n(i,["maxHeight","vertical","children"]);return e.createElement(o,t({className:"gui-filebox",maxHeight:r,vertical:l},m),a)};m.defaultProps={vertical:!1};export{m as default};