| 1 | {"version":3,"sources":["../../src/DEV/Grill.jsx"],"names":["Grill","children","cols","items","Array","isArray","map","item","display","gridTemplateColumns","fill","join","gridGap","alignItems"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,uBAAfC,IAAe;AAAA,MAAfA,IAAe,0BAAR,CAAQ;AAC/C,MAAIC,KAAJ;;AACA,MAAIC,KAAK,CAACC,OAAN,CAAcJ,QAAd,CAAJ,EAA6B;AAC3BE,IAAAA,KAAK,GAAGF,QAAQ,CAACK,GAAT,CAAa,UAACC,IAAD;AAAA,0BAAU,6CAAMA,IAAN,CAAV;AAAA,KAAb,CAAR;AACD,GAFD,MAEO;AACLJ,IAAAA,KAAK,GAAG,CAACF,QAAD,CAAR;AACD,GAN8C,CAO/C;;;AACA,sBACE;AACE,IAAA,KAAK,EAAE;AACLO,MAAAA,OAAO,EAAE,MADJ;AAELC,MAAAA,mBAAmB,EAAEL,KAAK,CAACF,IAAD,CAAL,CAClBQ,IADkB,GAElBJ,GAFkB,CAEd;AAAA,eAAM,KAAN;AAAA,OAFc,EAGlBK,IAHkB,CAGb,GAHa,CAFhB;AAMLC,MAAAA,OAAO,EAAE,CANJ;AAOLC,MAAAA,UAAU,EAAE;AAPP;AADT,KAWGV,KAXH,CADF;AAeD,CAvBM;;;eAyBQH,K","sourcesContent":["import React from 'react';\n\nexport const Grill = ({ children, cols = 6 }) => {\n let items;\n if (Array.isArray(children)) {\n items = children.map((item) => <div>{item}</div>);\n } else {\n items = [children];\n }\n // console.log({ children, items });\n return (\n <div\n style={{\n display: 'grid',\n gridTemplateColumns: Array(cols)\n .fill()\n .map(() => '1fr')\n .join(' '),\n gridGap: 8,\n alignItems: 'center',\n }}\n >\n {items}\n </div>\n );\n};\n\nexport default Grill;\n"],"file":"Grill.js"} |