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