import{b as l}from"./CQblF2yi.js";import{_ as d}from"./BJxNwbOK.js";import{_}from"./DXyvFCCy.js";import{u}from"./PJSlhYeJ.js";import{u as f}from"./Dptbt2z6.js";import{d as g,c as h,l as b,o as B,a7 as S,w as n,a as t,n as C,ag as s,t as y,m as v,b as o,E as P}from"./Dk4AzF7j.js";const N={class:"grid grid-simpleresult gap-px bg-uiBg-30"},I={class:"grid-simpleresult__screenshot bg-uiBg-10"},k={class:"bg-uiBg h-full"},w=g({__name:"SimpleResultsWrapper",props:{componentInfo:{},displayHeader:{type:Boolean,default:!0},contentPadding:{type:Boolean,default:!0},contentBg:{default:"bg-uiBg"}},setup(H){const{pageComponentName:a}=u(),r=f(),c=e=>r.selectProjectScreenshots?.components?.[Number(e)]||{};return(e,V)=>{const p=l,m=d,i=_;return e.componentInfo?(B(),h(i,{key:0,ui:{body:"o_p-0 sm:p-0 border-b-0"},variant:"subtle",class:"overflow-hidden"},S({default:n(()=>[o("div",N,[o("div",I,[o("div",k,[t(m,{screenshot:c(e.componentInfo.id),"with-border":!1},null,8,["screenshot"])])]),o("div",{class:P(["grid-simpleresult__content",[{"o_p-4":e.contentPadding},e.contentBg]])},[s(e.$slots,"default")],2)])]),_:2},[e.displayHeader?{name:"header",fn:n(()=>[t(p,{component:e.componentInfo},{default:n(()=>[C(y(v(a)(e.componentInfo))+" ",1),s(e.$slots,"header")]),_:3},8,["component"])]),key:"0"}:void 0]),1024)):b("",!0)}}}),E=Object.assign(w,{__name:"SimpleResultsWrapper"});export{E as _};
