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

Beans' product component library

import * as React from 'react';

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

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