UNPKG

@while-and-for/tremor-react

Version:

The React library to build dashboards faster.

2 lines (1 loc) 838 B
"use strict";var e=require("tslib"),r=require("react"),s=require("../../../lib/utils.cjs"),t=require("../../../lib/tremorTwMerge.cjs"),m=require("./styles.cjs");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(r);const l=s.makeClassName("Grid"),n=(e,r)=>e&&Object.keys(r).includes(String(e))?r[e]:"",a=u.default.forwardRef(((s,i)=>{const{numItems:a=1,numItemsSm:d,numItemsMd:c,numItemsLg:o,children:g,className:f}=s,I=e.__rest(s,["numItems","numItemsSm","numItemsMd","numItemsLg","children","className"]),M=r.useMemo((()=>{const e=n(a,m.gridCols),r=n(d,m.gridColsSm),s=n(c,m.gridColsMd),i=n(o,m.gridColsLg);return t.tremorTwMerge(e,r,s,i)}),[a,d,c,o]);return u.default.createElement("div",Object.assign({ref:i,className:t.tremorTwMerge(l("root"),"grid",M,f)},I),g)}));a.displayName="Grid",module.exports=a;