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

Beans' product component library

'use strict';

var React = require('react');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    for (var k in e) {
      n[k] = e[k];
    }
  }
  n.default = e;
  return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);

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

exports.Avatar = Avatar;
//# sourceMappingURL=Avatar.js.map