import React from 'react';
import InsertionView from './insertionView';
import DetectBorder from './detectBorder';
import Operation from './operation';
import { observer } from 'mobx-react';
import { observableProject } from '../../..//shell';
export default observer(function LocationTools() {
  var detection = observableProject.designer.detection;
  var selectedNodeId = observableProject.documentModel.selectedNodeId;
  var hoveredNodeId = observableProject.documentModel.hoveredNodeId;
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InsertionView, null), /*#__PURE__*/React.createElement(DetectBorder, {
    type: "dashed",
    position: detection.hoveredNodePosition,
    show: !!hoveredNodeId && hoveredNodeId !== selectedNodeId
  }), /*#__PURE__*/React.createElement(DetectBorder, {
    type: "solid",
    position: detection.selectedNodePosition,
    show: !!selectedNodeId
  }), /*#__PURE__*/React.createElement(Operation, null));
});