@start-base/start-ui/BentoGrid/index.js

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

"use strict";var e=require("react");function r(e){return e&&e.__esModule?e:{default:e}}var t=r(e),o=Object.defineProperty,a=Object.defineProperties,i=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,s=(e,r,t)=>r in e?o(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,u="SUI-BentoGrid-module-bentoGrid-cgd0m",f=e.forwardRef(((e,r)=>{var o,f=e,{items:p,gridCols:c=4,rowHeight:m=100}=f,g=((e,r)=>{var t={};for(var o in e)n.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&l)for(var o of l(e))r.indexOf(o)<0&&d.call(e,o)&&(t[o]=e[o]);return t})(f,["items","gridCols","rowHeight"]);return t.default.createElement("div",(o=((e,r)=>{for(var t in r||(r={}))n.call(r,t)&&s(e,t,r[t]);if(l)for(var t of l(r))d.call(r,t)&&s(e,t,r[t]);return e})({className:u,ref:r},g),a(o,i({style:{gridTemplateColumns:`repeat(${c}, minmax(0, 1fr))`,gridAutoRows:`${m}px`}}))),null==p?void 0:p.map(((e,r)=>t.default.createElement("div",{key:r,style:{gridColumn:`span ${e.width}`,gridRow:`span ${e.height}`}},e.element))))}));f.displayName="BentoGrid";var p=f;module.exports=p;