tweak-tools/dist/hooks/useTransform.js

Tweak your React projects until awesomeness

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useTransform = void 0;
const react_1 = require("react");
function useTransform() {
    const ref = (0, react_1.useRef)(null);
    const local = (0, react_1.useRef)({ x: 0, y: 0 });
    const set = (0, react_1.useCallback)((point) => {
        Object.assign(local.current, point);
        if (ref.current)
            ref.current.style.transform = `translate3d(${local.current.x}px, ${local.current.y}px, 0)`;
    }, []);
    return [ref, set];
}
exports.useTransform = useTransform;