import { useDesigner, usePrefix } from '../../hooks';
import { IconWidget } from '../IconWidget';
import cls from 'classnames';
import { defineComponent } from 'vue';
export var TranslateHandler = defineComponent({
    props: ['node'],
    setup: function (props) {
        var designerRef = useDesigner();
        var prefix = usePrefix('aux-node-translate-handler');
        var createHandler = function (value) {
            var _a;
            var designer = designerRef.value;
            return _a = {},
                _a[designer.props.nodeTranslateAttrName] = value,
                _a.class = cls(prefix, value),
                _a;
        };
        return function () {
            var allowTranslate = props.node.allowTranslate();
            if (!allowTranslate)
                return null;
            return (<div {...createHandler('translate')}>
                    <IconWidget infer="FreeMove"/>
                </div>);
        };
    }
});
//# sourceMappingURL=TranslateHandler.jsx.map