@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.03 kB
JavaScript
import{__rest as e,__assign as l}from"../../../node_modules/tslib/tslib.es6.js";import n from"react";import"./shared/PanelField/PanelFieldView.js";import"./shared/PanelGroup/PanelGroupView.js";import o from"./shared/PanelContainer/PanelContainerView.js";import i from"./shared/context/PanelContext.js";var a=function(a){var r=a.column,t=void 0===r?5:r,d=a.labelMinWidth,m=void 0===d?62:d,p=a.labelMaxWidth,s=void 0===p?90:p,c=a.labelColor,u=void 0===c?"transparent":c,h=a.textAlign,v=void 0===h?"left":h,C=a.renderComponent,b=a.padding,g=void 0===b?"normal":b,x=a.columnSpacing,P=void 0===x?7:x,f=a.isCollapse,M=void 0===f||f,W=a.children,j=e(a,["column","labelMinWidth","labelMaxWidth","labelColor","textAlign","renderComponent","padding","columnSpacing","isCollapse","children"]),S=12/t;return n.createElement(i.Provider,{value:{columnSize:S}},n.createElement(o,l({className:"page-penel",labelMinWidth:m,labelMaxWidth:s,labelColor:u,textAlign:v,renderComponent:C,padding:g,columnSpacing:P,isCollapse:M},j),W))};export{a as default};