@dnb/eufemia/elements/img/Img.js

DNB Eufemia Design System UI Library

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
const _excluded = ["caption", "alt", "element", "skeleton", "imgClass", "className", "loading"];
import "core-js/modules/web.dom-collections.iterator.js";
import React from 'react';
import E from '../Element';
import { createSpacingClasses, removeSpaceProps } from '../../components/space/SpacingHelper';
import classnames from 'classnames';
const Img = _ref => {
  let {
      caption,
      alt,
      element = 'figure',
      skeleton,
      imgClass,
      className,
      loading = 'eager'
    } = _ref,
    p = _objectWithoutProperties(_ref, _excluded);
  const [hasError, setError] = React.useState(false);
  return React.createElement(E, {
    as: element,
    internalClass: "dnb-img",
    className: classnames(className, createSpacingClasses(p, p.is)),
    skeleton: skeleton,
    skeletonMethod: "shape"
  }, React.createElement(E, _extends({
    as: "img",
    loading: loading,
    alt: alt,
    internalClass: 'dnb-img' + (hasError ? " dnb-img--error" : ""),
    className: imgClass,
    skeleton: skeleton,
    onError: () => setError(true)
  }, removeSpaceProps(p))), caption && React.createElement("figcaption", null, caption));
};
Img._supportsSpacingProps = true;
export default Img;
//# sourceMappingURL=Img.js.map