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

<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>

"use strict";var e=require("react"),a=require("clsx");function r(e){return e&&e.__esModule?e:{default:e}}var t=r(e),l=r(a),o=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,m=(e,a,r)=>a in e?o(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,d=(e,a)=>{for(var r in a||(a={}))s.call(a,r)&&m(e,r,a[r]);if(i)for(var r of i(a))n.call(a,r)&&m(e,r,a[r]);return e},v={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"},f=e.forwardRef(((e,a)=>{var r=e,{picture:o="",chars:m="SU",size:f="medium",variant:p="circular",defaultPicture:S="",className:b="",Component:g="img",componentProps:A={}}=r,O=((e,a)=>{var r={};for(var t in e)s.call(e,t)&&a.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&i)for(var t of i(e))a.indexOf(t)<0&&n.call(e,t)&&(r[t]=e[t]);return r})(r,["picture","chars","size","variant","defaultPicture","className","Component","componentProps"]);const y=o||S||"";return t.default.createElement("div",d({ref:a,className:l.default(v.root,v[f],v[p],b)},O),t.default.createElement("div",{className:v.container},t.default.createElement("div",{className:l.default(v.circular,v[p])},y?t.default.createElement(g,(I=d({},A),c(I,u({alt:"avatar",src:y,className:v.image})))):t.default.createElement("span",{className:v.chars},m))));var I}));f.displayName="Avatar";var p=f;module.exports=p;