@trellixio/roaster-coffee/cjs/components/Thumbnail/Thumbnail.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 Thumbnail = 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("span", { ref, className: "thumbnail", style: { ...size && { width: size, height: size } } }, error ? /* @__PURE__ */ React__namespace.createElement("i", { className: "fa fa-image" }) : /* @__PURE__ */ React__namespace.createElement("img", { src, alt: alt || name, title: name, onError: () => setError(true) }));
});
Thumbnail.displayName = "Thumbnail";

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