"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TranslateHandler = void 0;
var hooks_1 = require("../../hooks");
var IconWidget_1 = require("../IconWidget");
var classnames_1 = __importDefault(require("classnames"));
var vue_1 = require("vue");
exports.TranslateHandler = (0, vue_1.defineComponent)({
    props: ['node'],
    setup: function (props) {
        var designerRef = (0, hooks_1.useDesigner)();
        var prefix = (0, hooks_1.usePrefix)('aux-node-translate-handler');
        var createHandler = function (value) {
            var _a;
            var designer = designerRef.value;
            return _a = {},
                _a[designer.props.nodeTranslateAttrName] = value,
                _a.class = (0, classnames_1.default)(prefix, value),
                _a;
        };
        return function () {
            var allowTranslate = props.node.allowTranslate();
            if (!allowTranslate)
                return null;
            return (<div {...createHandler('translate')}>
                    <IconWidget_1.IconWidget infer="FreeMove"/>
                </div>);
        };
    }
});
//# sourceMappingURL=TranslateHandler.jsx.map