monday-ui-react-core/dist/esm/src/components/Box/Box.js

Official monday.com UI resources for application development in React.js

import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as a,useRef as d}from"react";import s from"classnames";import n from"../../hooks/useMergeRef.js";import{BORDER as i,BORDER_COLOR as t,ROUNDED as e,SHADOW as m,MARGIN as g,MARGIN_X as p,MARGIN_Y as l,MARGIN_TOP as c,MARGIN_END as u,MARGIN_BOTTOM as f,MARGIN_START as b,PADDING as B,PADDING_X as C,PADDING_Y as x,PADDING_TOP as E,PADDING_END as S,PADDING_BOTTOM as h,PADDING_START as j,BACKGROUND_COLORS as v,COLORS as y,DISABLED as T}from"./BoxConstants.js";import{withStaticProps as X}from"../../types/withStaticProps.js";import Y from"./Box.module.scss.js";var k=X(a((function(a,i){var t=a.className,e=a.id,m=a.elementType,g=void 0===m?"div":m,p=a.children,l=a.disabled,c=a.border,u=a.borderColor,f=a.rounded,b=a.shadow,B=a.margin,C=a.marginX,x=a.marginY,E=a.marginTop,S=a.marginEnd,h=a.marginBottom,j=a.marginStart,v=a.padding,y=a.paddingX,X=a.paddingY,k=a.paddingTop,w=a.paddingEnd,P=a.paddingBottom,D=a.paddingStart,N=a.textColor,_=a.backgroundColor,A=a.scrollable,H=a.style,I=d(null),L=n(i,I);return o.createElement(g,{ref:L,className:s(Y.box,t,r(r({},T.DISABLED,l),Y.scrollable,A),c,u,f,b,B,C,x,E,S,h,j,v,y,X,k,w,P,D,N,_),id:e,style:H},p)})),{borders:i,borderColors:t,roundeds:e,shadows:m,margins:g,marginXs:p,marginYs:l,marginTops:c,marginEnds:u,marginBottoms:f,marginStarts:b,paddings:B,paddingXs:C,paddingYs:x,paddingTops:E,paddingEnds:S,paddingBottoms:h,paddingStarts:j,backgroundColors:v,textColors:y});export{k as default};
//# sourceMappingURL=Box.js.map