1"use strict";(self.webpackChunkplayground_pixazo=self.webpackChunkplayground_pixazo||[]).push([[6359],{96359(e,t,n){n.r(t);var r=n(96540),o=n(96540);function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}const i=(0,r.lazy)(()=>Promise.all([n.e(393),n.e(527)]).then(n.bind(n,20527))),c=[{min:1800,cols:6},{min:1536,cols:5},{min:1280,cols:4},{min:1024,cols:3},{min:0,cols:2}];n.d(t,["default",0,function(e){let t=e.items;const n=function(){const e=(0,r.useCallback)(()=>{const e=window.innerWidth;for(const t of c)if(e>=t.min)return t.cols;return 2},[]),t=a((0,r.useState)(e),2),n=t[0],o=t[1];return(0,r.useEffect)(()=>{const t=()=>o(e());return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[e]),n}(),l=(0,r.useRef)(null),s=a((0,r.useState)(0),2),u=s[0],f=s[1];return(0,r.useEffect)(()=>{const e=l.current;if(!e)return;const t=new ResizeObserver(e=>{let t=a(e,1);f((t[0].contentRect.width-8*(n-1))/n)});return t.observe(e),()=>t.disconnect()},[n]),o.createElement("section",{className:"px-4 pb-10 pt-6 lg:pl-8 lg:pr-8"},o.createElement("h2",{className:"mb-6 text-center text-base font-semibold text-neutral-200 transition-opacity duration-500"},"Looking for ",o.createElement("span",{className:"text-rose-300"},"Inspiration?")," Some examples below"),o.createElement("div",{ref:l,style:{display:"grid",gridTemplateColumns:"repeat(".concat(n,", 1fr)"),gridAutoRows:"1px",columnGap:"".concat(8,"px")}},u>0&&t.map((e,t)=>o.createElement(r.Suspense,{key:t,fallback:o.createElement("div",{className:"rounded-xl bg-neutral-800/60 animate-pulse",style:{gridRowEnd:"span ".concat(Math.round(u+8))}})},o.createElement(i,{item:e,colWidth:u,colGap:8})))))}])}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.