import{y as l,A as a,B as e,C as s,D as i,H as u,a5 as o,E as _,ad as p,F as m,ae as d}from"./index.e908c8ed.js";import{Q as f}from"./QImg.574c62c5.js";import{_ as v}from"./plugin-vue_export-helper.21dcd24c.js";const g={__name:"UserAvatar",props:{src:String,color:String,icon:{type:String,default:"person_4"},square:Boolean,ratio:{type:String}},setup(t){const r=t,c=l();return(n,y)=>(a(),e(d,p({class:"avatar-wrap",style:{"background-color":"rgba(0, 0, 0, 0.1)"},square:r.square},m(c)),{default:s(()=>[r.src?(a(),e(f,{key:0,src:r.src,ratio:r.ratio,"no-spinner":"",class:i(["fit",r.square?"":"round-borders"])},{error:s(()=>[u(o,{name:r.icon,class:"fit avatar-icon",size:"1.5em",color:r.color||"white"},null,8,["name","color"])]),_:1},8,["src","ratio","class"])):(a(),e(o,{key:1,name:r.icon,class:"fit avatar-icon",size:"1.5em",color:r.color||"white"},null,8,["name","color"])),_(n.$slots,"default",{},void 0,!0)]),_:3},16,["square"]))}};var S=v(g,[["__scopeId","data-v-07ae99a3"]]);export{S as U};