@trellixio/roaster-coffee/esm/components/Avatar/Avatar.js

Beans' product component library

import * as React from 'react';

const Avatar = React.forwardRef(({ src, alt, name, size }, ref) => {
  const [error, setError] = React.useState(!src);
  React.useEffect(() => {
    if (!src) setError(true);
    else setError(false);
  }, [src]);
  return /* @__PURE__ */ React.createElement("div", { ref, className: "avatar", style: { ...size && { width: size, height: size } } }, error ? /* @__PURE__ */ React.createElement("span", { title: alt || name }, name.charAt(0).toUpperCase()) : /* @__PURE__ */ React.createElement("img", { src, alt: alt || name, title: name, onError: () => setError(true) }));
});
Avatar.displayName = "Avatar";

export { Avatar };
//# sourceMappingURL=Avatar.js.map