import{$ as n,o as l}from"./index-ae60edf9.js";import{d as m}from"./dayjs-4460abc8.js";import{d,o as i,c as f,$ as u,a as s,aX as t,u as a,an as x}from"./@vue-cb50a1c4.js";const _={class:"flex pl-4 pr-1"},p={class:"flex justify-between"},h={class:"flex-1 truncate break-all text-xs text-[#666]"},b={class:"text-xs text-[#999]"},v={class:"mt-1 break-all text-sm text-[#333]"},F=d({__name:"NomalMessageItem",props:{source:null,noBorder:{type:Boolean}},emits:[],setup(e,{emit:y}){const o=e,r=n(o.source),c=m(o.source.sendTime).format("M/D HH:mm");return(B,k)=>(i(),f("div",_,[u(l,{class:"mt-4",src:e.source.senderFaceUrl,desc:e.source.senderNickname,size:42},null,8,["src","desc"]),s("div",{class:x(["content_item mx-3 h-full w-full flex-1 overflow-hidden border-b border-[#DFDFDF] py-4",{"!border-0":e.noBorder}])},[s("div",p,[s("div",h,t(e.source.senderNickname),1),s("div",b,t(a(c)),1)]),s("div",v,t(a(r)),1)],2)]))}});export{F as _};
