import{d as u,v as _,e as s,o as t,E as d,m as h,b as o,a,_ as m,w as r}from"./Dk4AzF7j.js";import{_ as p}from"./BTe-eGo6.js";const f={key:0,class:"aspect-[4/3] o_overflow-hidden relative"},b={class:"absolute inset-0 bg-uiBg-30 text-uiNeutral-40 flex items-center justify-center"},w={key:1},g={title:"Open Screenshot","aria-label":"Open Screenshot",class:"w-full h-full block"},v=["src"],k=["src"],B=u({__name:"PageComponentScreenshot",props:{screenshot:{},withBorder:{type:Boolean,default:!0}},setup(y){const n=_(!1),l=e=>{n.value=!0};return(e,S)=>{const c=m,i=p;return t(),s("div",{class:d([e.withBorder?"outline-1 outline-gray-200 dark:outline-neutral-800 border border-white dark:border-neutral-900 rounded-sm":""])},[!e.screenshot.thumb||h(n)?(t(),s("div",f,[o("div",b,[a(c,{name:"material-symbols:imagesmode-outline",class:"size-1/2"})])])):(t(),s("figure",w,[a(i,null,{content:r(()=>[o("img",{src:e.screenshot.raw,alt:"Screenshot",class:"w-full h-full"},null,8,k)]),default:r(()=>[o("a",g,[o("img",{src:e.screenshot.thumb,alt:"Screenshot",class:"w-full h-full object-cover object-top aspect-[4/3] hover:o_shadow-xl transition-shadow duration-300 cursor-pointer",onError:l},null,40,v)])]),_:1})]))],2)}}}),x=Object.assign(B,{__name:"PageComponentScreenshot"});export{x as _};
