(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30927],{99150:(e,s,t)=>{"use strict";t.d(s,{A:()=>n});let n=(0,t(2651).A)("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]])},30927:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>C});var n=t(87687),l=t(52751),i=t(31928),r=t(64075),a=t(15394),o=t(99150),c=t(59341);let p=(0,i.I)("div")({name:"Expander",class:"en72zbs",propsAsIs:!1});t(98338);let d=(0,i.I)("button")({name:"Header",class:"humgug",propsAsIs:!1}),h=(0,i.I)(c.P.div)({name:"Files",class:"fti3l18",propsAsIs:!0}),u=(0,i.I)(c.P.div)({name:"IconWrapper",class:"isx0cmb",propsAsIs:!0}),x=function(e){let{name:s,slug:t,isExpanded:l,onClick:i,children:r}=e;return(0,n.jsxs)("div",{children:[(0,n.jsxs)(d,{onClick:()=>i(t),children:[(0,n.jsx)(p,{}),(0,n.jsx)(u,{initial:!1,animate:{rotate:l?90:0},children:(0,n.jsx)(o.A,{size:14})}),s]}),(0,n.jsx)(h,{initial:!1,animate:{height:l?"auto":0,opacity:l?1:0,overflow:l?void 0:"hidden"},style:{},children:r})]})};t(61612);let f=(0,t(2651).A)("File",[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}]]),m=(0,i.I)("button")({name:"Wrapper",class:"wx2tdb1",propsAsIs:!1}),g=(0,i.I)("div")({name:"IconWrapper",class:"i1q5keel",propsAsIs:!1}),j=(0,i.I)("div")({name:"NameWrapper",class:"nguumd2",propsAsIs:!1}),I=function(e){let{file:s,slug:t,isExpanded:l,onClick:i}=e;return(0,n.jsxs)(m,{style:{"--color":s.isSelected?"hsl(50deg 100% 60%)":"inherit"},onClick:()=>i(t),tabIndex:!1===l?-1:void 0,children:[(0,n.jsx)(p,{style:{"--opacity":s.isSelected?.1:0}}),(0,n.jsx)(g,{children:(0,n.jsx)(f,{size:14,color:s.isSelected?"hsl(50deg 100% 60%)":"hsl(0deg 0% 100% / 0.5)"})}),(0,n.jsx)(j,{children:s.name})]})};t(61327);let v=e=>"file"===e.type,y=(0,i.I)("div")({name:"Wrapper",class:"wjigro0",propsAsIs:!1}),A=function(e){let{files:s,setFiles:t}=e,l=function e(s,t){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return s.map(s=>{let i="".concat(l,"/").concat(s.name);return v(s)?(0,n.jsx)(I,{file:s,slug:i,onClick:t.handleSelectFile,isExpanded:!!t.isExpanded},i):(0,n.jsx)(x,{slug:i,name:s.name,isExpanded:s.isExpanded,onClick:t.handleToggleDirectory,children:e(s.contents,{...t,isExpanded:s.isExpanded},i)},i)})}(s,{handleToggleDirectory:function(e){let s=e.slice(1).split("/");t(e=>(0,a.jM)(e,e=>{let t={name:"parent",type:"directory",isExpanded:!1,contents:e};for(;s.length;){let e=s.shift();e&&(t=t.contents.find(s=>s.name===e))}t.isExpanded=!t.isExpanded}))},handleSelectFile:function(e){t(s=>(0,a.jM)(s,s=>{!function e(s,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";s.forEach(s=>{let l="".concat(n,"/").concat(s.name);"file"===s.type?s.isSelected=t===l:e(s.contents,t,l)})}(s,e)}))}});return(0,n.jsx)(y,{children:l})};t(36251);var b=t(71597),w=t(51311);let k=(0,i.I)(b.A)({name:"Wrapper",class:"w1yut6hb",propsAsIs:!0}),E=(0,i.I)(w.default)({name:"CodeSnippet",class:"c1esjvzp",propsAsIs:!0});t(71480);let z=(0,i.I)(r.A)({name:"Wrapper",class:"wz6pjyl",propsAsIs:!0}),S=(0,i.I)(e=>{let{file:s,...t}=e,l=function(e){let s=e.split(".");return s[s.length-1]}(s.name);return"js"===l&&(l="jsx"),(0,n.jsx)(k,{...t,children:(0,n.jsx)(E,{lockedToColorMode:"light",includeContentStyles:!1,code:s.contents,lang:l})})})({name:"FlexedFileContent",class:"fun271e",propsAsIs:!0}),C=function(e){let{minHeight:s=420,maxHeight:t,initialFiles:i}=e,[r,a]=l.useState(i),o=function(e,s){let t=[...e];for(;t.length;){let e=t.shift();if(!e)throw Error("This should never happen (getting file)");if("file"===e.type&&s(e))return e;"directory"===e.type&&t.push(...e.contents)}throw Error("No active file selected")}(r,e=>!!v(e)&&!!e.isSelected);return(0,n.jsxs)(z,{style:{"--min-content-height":s+"px","--max-content-height":void 0===t?void 0:t+"px"},children:[(0,n.jsx)(A,{files:r,setFiles:a}),(0,n.jsx)(S,{file:o})]})};t(37793)},64075:(e,s,t)=>{"use strict";t.d(s,{A:()=>i});var n=t(31928),l=t(42591);let i=(0,n.I)(l.uS)({name:"Space",class:"s1hfctpl",propsAsIs:!0});t(6743)},61612:e=>{e.exports={humgug:"humgug",fti3l18:"fti3l18",isx0cmb:"isx0cmb"}},98338:e=>{e.exports={en72zbs:"en72zbs"}},61327:e=>{e.exports={wx2tdb1:"wx2tdb1",i1q5keel:"i1q5keel",nguumd2:"nguumd2"}},71480:e=>{e.exports={w1yut6hb:"w1yut6hb",c1esjvzp:"c1esjvzp"}},37793:e=>{e.exports={wz6pjyl:"wz6pjyl",fun271e:"fun271e"}},36251:e=>{e.exports={wjigro0:"wjigro0"}}}]);
//# sourceMappingURL=30927.8c019e799e7ef2fe.js.map