import{r as e}from"./rolldown-runtime-DIIn1E2Q.js";import{D as t,Ht as n,O as r,Ot as i,R as a,et as o,j as s}from"./vendor-vue-core-IZuWV8u3.js";var c={class:`relative size-full overflow-hidden rounded`},l=[`src`,`alt`],u={key:1,class:`flex size-full flex-col items-center justify-center gap-2 bg-modal-card-placeholder-background transition-transform duration-300 group-hover:scale-105 group-data-[selected=true]:scale-105`},d={class:`text-sm text-base-foreground`},f=a({__name:`Media3DTop`,props:{asset:{}},setup(e){let a=i(!1),f=t(()=>e.asset?.src?e.asset.src.replace(/([?&]filename=)([^&]*)/,`$1$2.png`):``);return(e,t)=>(o(),s(`div`,c,[a.value?(o(),s(`div`,u,[t[1]||=r(`i`,{class:`icon-[lucide--box] text-3xl text-muted-foreground`},null,-1),r(`span`,d,n(e.$t(`assetBrowser.media.threeDModelPlaceholder`)),1)])):(o(),s(`img`,{key:0,src:f.value,alt:e.asset?.name,class:`size-full object-contain transition-transform duration-300 group-hover:scale-105 group-data-[selected=true]:scale-105`,onError:t[0]||=e=>a.value=!0},null,40,l))]))}});export{f as default};
//# sourceMappingURL=Media3DTop-3gpBhcGw.js.map