usehooks-ts/esm/useImageOnLoad/useImageOnLoad.js

React hook library, ready to use, written in Typescript.

import { useState } from 'react';
function useImageOnLoad() {
    var _a = useState(false), isLoaded = _a[0], setIsLoaded = _a[1];
    var handleImageOnLoad = function () {
        setIsLoaded(true);
    };
    var css = {
        thumbnail: {
            visibility: isLoaded ? 'hidden' : 'visible',
            filter: 'blur(8px)',
            transition: 'visibility 0ms ease-out 500ms',
        },
        fullSize: {
            opacity: isLoaded ? 1 : 0,
            transition: 'opacity 500ms ease-in 0ms',
        },
    };
    return { handleImageOnLoad: handleImageOnLoad, css: css };
}
export default useImageOnLoad;
//# sourceMappingURL=useImageOnLoad.js.map