nice-ui/lib/hooks/useHoverBond.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useHoverBond = void 0;
const React = require("react");
const useMountedState_1 = require("react-use/lib/useMountedState");
const { useState, useMemo } = React;
const useHoverBond = () => {
    const isMounted = (0, useMountedState_1.default)();
    const [state, setState] = useState(false);
    const bond = useMemo(() => ({
        onMouseEnter: () => {
            if (!isMounted())
                return;
            setState(true);
        },
        onMouseLeave: () => {
            if (!isMounted())
                return;
            setState(false);
        },
    }), []);
    return [state, bond];
};
exports.useHoverBond = useHoverBond;