import React from 'react';
import { observer } from 'mobx-react-lite';
import OptsDetailContent from "./OptsDetailContent";
import PipelineDetail from "./components/pipeline-detail";
import { usePipelineFlowStore } from "./stores";
export default observer(function () {
  var _usePipelineFlowStore = usePipelineFlowStore(),
      handleRefresh = _usePipelineFlowStore.handleRefresh,
      getSelectedMenu = _usePipelineFlowStore.getSelectedMenu;

  var parentId = getSelectedMenu.parentId;

  var renderPipeline = function renderPipeline() {
    return parentId ? /*#__PURE__*/React.createElement(OptsDetailContent, {
      handleRefresh: handleRefresh
    }) : /*#__PURE__*/React.createElement(PipelineDetail, null);
  };

  return /*#__PURE__*/React.createElement("div", {
    className: "c7ncd-pipelineManage_flow"
  }, renderPipeline());
});