import {sources, useEffect} from './index';
import {off, on} from './misc/util';

const usePageLeave = (onPageLeave, args = []) => {
    useEffect(() => {
        if (!onPageLeave) {
            return;
        }

        const handler = (event) => {
            event = event ? event : (window.event as any);
            const from = event.relatedTarget || event.toElement;
            if (!from || (from as any).nodeName === 'HTML') {
                onPageLeave();
            }
        };

        on(document, 'mouseout', handler);
        return () => {
            off(document, 'mouseout', handler);
        };
    }, sources(args));
};

export default usePageLeave;