(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{7568:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(1607)}])},1607:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return R}});var n=t(5893),a=t(7294),r=t(2192),i=t(3774),l=t(666),o=t(6594),c=t(5642),d=t(9058),u=t(6389);const m=t.n(u)()(t.e(456).then(t.t.bind(t,9456,23)),{loadableGenerated:{webpack:()=>[9456]},ssr:!1}),x=e=>{let{logs:s}=e;const{theme:t}=(0,i.C)(c.FS),a=(0,i.T)();return(0,n.jsxs)("div",{className:"text-gray-300 relative h-full",children:[(0,n.jsx)("div",{className:"flex items-center justify-between px-3 h-9",children:(0,n.jsx)("button",{onClick:()=>a((0,o.M2)()),className:"editor-button h-5 mr-3",children:"Clear"})}),(0,n.jsx)("div",{className:"h-80 overflow-auto",children:(0,n.jsx)(m,{styles:{BASE_FONT_FAMILY:'"Rubik", sans-serif;',BASE_FONT_SIZE:14,BASE_BACKGROUND_COLOR:t.background,LOG_BORDER:t.border},logs:s,variant:"dark"})})]})};var v=a.memo(x);const h=()=>(0,n.jsxs)("div",{className:"boxes",children:[(0,n.jsxs)("div",{className:"box",children:[(0,n.jsx)("div",{}),(0,n.jsx)("div",{}),(0,n.jsx)("div",{}),(0,n.jsx)("div",{})]}),(0,n.jsxs)("div",{className:"box",children:[(0,n.jsx)("div",{}),(0,n.jsx)("div",{}),(0,n.jsx)("div",{}),(0,n.jsx)("div",{})]}),(0,n.jsxs)("div",{className:"box",children:[(0,n.jsx)("div",{}),(0,n.jsx)("div",{}),(0,n.jsx)("div",{}),(0,n.jsx)("div",{})]}),(0,n.jsxs)("div",{className:"box",children:[(0,n.jsx)("div",{}),(0,n.jsx)("div",{}),(0,n.jsx)("div",{}),(0,n.jsx)("div",{})]})]}),p=e=>{let{err:s}=e;return(0,n.jsx)("div",{className:"px-5 pt-10 text-red-600 tracking-wide absolute h-full w-full z-50 backdrop-filter backdrop-blur",children:s})},f=e=>{let{tabs:s,output:r,isCompiling:c,esbuildStatus:d}=e;var u,m;const x=(0,a.useRef)(),v=(0,i.T)(),f=(j=null===(u=s.css)||void 0===u?void 0:u.data,b=null===(m=s.html)||void 0===m?void 0:m.data,'\n \n \n Codetree \n \n \n \n \n ').concat(b,'\n
\n