import{d as u,r as _,f as s,b as t,E as d,u as h,e as o,q as r,_ as m,w as a}from"./B2UyoCas.js";import{_ as f}from"./CB3BcoM2.js";const p={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"},k=["src"],v=["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=f;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",p,[o("div",b,[r(c,{name:"material-symbols:imagesmode-outline",class:"size-1/2"})])])):(t(),s("figure",w,[r(i,null,{content:a(()=>[o("img",{src:e.screenshot.raw,alt:"Screenshot",class:"w-full h-full"},null,8,v)]),default:a(()=>[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,k)])]),_:1})]))],2)}}}),x=Object.assign(B,{__name:"PageComponentScreenshot"});export{x as _};
