@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 1 kB
JavaScript
import{__rest as e,__assign as l}from"tslib";import n from"react";import"./shared/PanelField/PanelFieldView.js";import"./shared/PanelGroup/PanelGroupView.js";import o from"./shared/PanelContainer/PanelContainerView.js";import a from"./shared/context/PanelContext.js";var i=function(i){var r=i.column,t=void 0===r?5:r,d=i.labelMinWidth,p=void 0===d?62:d,m=i.labelMaxWidth,s=void 0===m?90:m,c=i.labelColor,h=void 0===c?"transparent":c,u=i.textAlign,v=void 0===u?"left":u,C=i.renderComponent,b=i.padding,g=void 0===b?"normal":b,x=i.columnSpacing,P=void 0===x?7:x,f=i.isCollapse,M=void 0===f||f,W=i.children,j=e(i,["column","labelMinWidth","labelMaxWidth","labelColor","textAlign","renderComponent","padding","columnSpacing","isCollapse","children"]),S=12/t;return n.createElement(a.Provider,{value:{columnSize:S}},n.createElement(o,l({className:"page-penel",labelMinWidth:p,labelMaxWidth:s,labelColor:h,textAlign:v,renderComponent:C,padding:g,columnSpacing:P,isCollapse:M},j),W))};export{i as default};