softchatjs-react/dist/components/avartar/avartar.mjs

Install the softchat-js SDKs

import r from"./avartar.module.module.css";import{createContext as l,useContext as C}from"react";import{createContext as c,useContext as u,useState as g}from"react";import{jsx as x}from"react/jsx-runtime";var f=c({activeConversation:null,setActiveConversation:()=>{},conversations:[],setConversations:()=>{},showImageModal:[],setShowImageModal:()=>{},connectionStatus:{isConnected:!1,fetchingConversations:!1,connecting:!1},setConnectionStatus:()=>{}});var a={background:{primary:"#1b1d21",secondary:"#202326",disabled:"#E0E0E0"},text:{primary:"white",secondary:"#4A4A4A",disabled:"#9E9E9E"},action:{primary:"#007AFF",secondary:"#5AA3FF"},chatBubble:{left:{bgColor:"#343434",messageColor:"white",messageTimeColor:"#6D6D6D",replyBorderColor:"#D1D1D6"},right:{bgColor:"#343434",messageColor:"white",messageTimeColor:"#6D6D6D",replyBorderColor:"#A3D1FF"}},icon:"white",divider:"rgba(128, 128, 128, 0.136)",hideDivider:!1,input:{bgColor:"#1b1d21",textColor:"white",emojiPickerTheme:"dark"}};import{jsx as T}from"react/jsx-runtime";var m=l({config:{theme:a},client:null}),i=()=>C(m);import{jsx as e}from"react/jsx-runtime";var d=({initials:s,url:o,size:t=35})=>{let{client:h,config:n}=i();return o?e("div",{className:r.avatar,style:{height:t,width:t,borderRadius:t},children:e("img",{src:o,alt:"avatar",style:{height:"100%",width:"100%",borderRadius:"100%"}})}):e("div",{className:r.avatar,style:{height:t,width:t,borderRadius:t,backgroundColor:n.theme.background.disabled},children:e("p",{style:{fontSize:35*.5,fontWeight:"bold",textTransform:"capitalize",color:n.theme.text.secondary},children:s})})},F=d;export{F as default};
//# sourceMappingURL=avartar.mjs.map