@start-base/start-ui/Avatar/index.mjs

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import e,{forwardRef as a}from"react";import r from"clsx";var t=Object.defineProperty,l=Object.defineProperties,o=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,s=(e,a,r)=>a in e?t(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,n=(e,a)=>{for(var r in a||(a={}))m.call(a,r)&&s(e,r,a[r]);if(c)for(var r of c(a))i.call(a,r)&&s(e,r,a[r]);return e},u={root:"SUI-Avatar-module-root-gt1XK",small:"SUI-Avatar-module-small-PeksS",container:"SUI-Avatar-module-container-N5q4A",circular:"SUI-Avatar-module-circular--5FD-",square:"SUI-Avatar-module-square-LuYXv",chars:"SUI-Avatar-module-chars-t-0kM",medium:"SUI-Avatar-module-medium-Vy3V8",large:"SUI-Avatar-module-large-qiNWs",image:"SUI-Avatar-module-image-YHgvF"},v=a(((a,t)=>{var s=a,{picture:v="",chars:p="SU",size:d="medium",variant:f="circular",defaultPicture:S="",className:b="",Component:g="img",componentProps:A={}}=s,O=((e,a)=>{var r={};for(var t in e)m.call(e,t)&&a.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&c)for(var t of c(e))a.indexOf(t)<0&&i.call(e,t)&&(r[t]=e[t]);return r})(s,["picture","chars","size","variant","defaultPicture","className","Component","componentProps"]);const y=v||S||"";return e.createElement("div",n({ref:t,className:r(u.root,u[d],u[f],b)},O),e.createElement("div",{className:u.container},e.createElement("div",{className:r(u.circular,u[f])},y?e.createElement(g,(I=n({},A),l(I,o({alt:"avatar",src:y,className:u.image})))):e.createElement("span",{className:u.chars},p))));var I}));v.displayName="Avatar";var p=v;export{p as default};