import{M as f}from"./MkPagination-urywMrXv.js";import{M as k}from"./MkNote-Y7yPCL5J.js";import{_ as M}from"./MkReactionIcon.vue_vue_type_script_setup_true_lang-MnLL2GJr.js";import{b as v,c as h,D as s,h as t,i as a,j as n,l as o,t as r,G as g,u as j,F as x}from"./vue-y3KLWBaS.js";import{n as y}from"./app-JmgyQoR0.js";import"./MkReactionsViewer-iZKN4Via.js";import"./share-available-LNRVMfAE.js";import"./get-note-summary-7eDLQp-L.js";const A=["to"],B={class:"header"},b=v({__name:"reactions",props:{user:{}},setup(c){const i=c,p={endpoint:"users/reactions",limit:20,params:h(()=>({userId:i.user.id}))};return(m,C)=>{const l=s("MkAvatar"),_=s("MkTime"),u=s("MkSpacer");return t(),a(u,{"content-max":800},{default:n(()=>[o(f,{ref:"list",pagination:p},{default:n(({items:d})=>[(t(!0),r(x,null,g(d,e=>(t(),r("div",{key:e.id,to:`/clips/${e.id}`,class:"item _panel _gap afdcfbfb"},[j("div",B,[o(l,{class:"avatar",user:m.user},null,8,["user"]),o(M,{class:"reaction",reaction:e.type,"custom-emojis":e.note.emojis,"no-style":!0},null,8,["reaction","custom-emojis"]),o(_,{time:e.createdAt,class:"createdAt"},null,8,["time"])]),(t(),a(k,{key:e.id,note:e.note},null,8,["note"]))],8,A))),128))]),_:1},512)]),_:1})}}}),D=y(b,[["__scopeId","data-v-e22388a6"]]);export{D as default};
