import{r as v,o as i,f as c,i as s,J as a,j as o,g as h,t as n,l as r,M as m}from"./vendor.7e4e5e39.js";import{r as _}from"./MusicNoteIcon.3bb61b50.js";import{_ as f}from"./plugin-vue_export-helper.21dcd24c.js";const g={components:{MusicNoteIcon:_},props:{media:Object,edit:{type:Boolean,default:!0},type:{type:String,default:"images"}},emits:["addRemoveId"],data(){return{activeItemId:0}},methods:{stateToggle(d){this.activeItemId===0?this.activeItemId=d:this.activeItemId=0,this.$emit("addRemoveId",d)}},computed:{classActive(){return this.media.id===this.activeItemId}}},b={key:0,class:"bg-indigo-100 overflow-hidden"},I=["src"],y={key:1,class:"overflow-hidden"},x=["src"],k={key:2,class:"overflow-hidden"},w={class:"text-base text-gray font-medium"};function j(d,l,e,p,A,t){const u=v("MusicNoteIcon");return i(),c("div",null,[e.type==="images"?(i(),c("div",b,[s("img",{class:a([{"blur-sm":t.classActive},"object-contain h-48 w-full"]),src:e.media.url,alt:""},null,10,I)])):o("",!0),e.type==="videos"?(i(),c("div",y,[s("video",{class:a([{"blur-sm":t.classActive},"object-contain h-48 w-full"]),src:e.media.url,controls:""},null,10,x)])):o("",!0),e.type==="musics"?(i(),c("div",k,[s("div",{class:a([{"blur-sm":t.classActive},"border border-indigo-100 flex flex-col items-center p-4"])},[h(u,{class:"flex-shrink-0 w-12 h-12 text-indigo-300"}),s("div",w,n(e.media.name)+" / "+n(e.media.time),1)],2)])):o("",!0),e.edit?(i(),c("button",{key:3,class:a([[t.classActive?"bg-green":"bg-pink"],"block text-sm text-white w-full p-1"]),type:"button",onClick:l[0]||(l[0]=N=>t.stateToggle(e.media.id))},[r(s("span",null,"\u0423\u0434\u0430\u043B\u0438\u0442\u044C",512),[[m,!t.classActive]]),r(s("span",null,"\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C",512),[[m,t.classActive]])],2)):o("",!0)])}var S=f(g,[["render",j]]);export{S as C};