@modern-kit/react/dist/hooks/useImageStatus/index.cjs

modern-kit/react

'use strict';

var React = require('react');

function useImageStatus() {
  const [imageStatus, setImageStatus] = React.useState("pending");
  const ref = React.useCallback((imgElement) => {
    if (!imgElement) {
      return;
    }
    setImageStatus("loading");
    imgElement.onload = () => {
      setImageStatus("complete");
    };
    imgElement.onerror = () => {
      setImageStatus("error");
    };
  }, []);
  return { ref, imageStatus };
}

exports.useImageStatus = useImageStatus;
//# sourceMappingURL=index.cjs.map