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

modern-kit/react

import { useState, useCallback } from 'react';

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

export { useImageStatus };
//# sourceMappingURL=index.mjs.map