taxonium-component/dist/CloseConnectionDialog-Dc4qB9Gr.js

React component for exploring large phylogenetic trees in the browser

import { jsxs as n, jsx as o, Fragment as m } from "react/jsx-runtime";
import { o as h, a as u, D as C, aw as p, d as g, B as l } from "./JBrowsePanel-uJIA-L6s.js";
import { D as c } from "./DialogContentText-CYI22CWW.js";
import { L as f } from "./ListItem-shOX3Ebz.js";
const w = h(function({ modalInfo: a = {}, onClose: e }) {
  const { name: s, dereferenceTypeCount: t, safelyBreakConnection: i } = a;
  return n(u.Dialog, { open: !0, maxWidth: "lg", title: `Close connection "${s}"`, onClose: e, children: [n(C, { children: [t ? n(m, { children: [o(c, { children: "Closing this connection will close:" }), o(p, { children: Object.entries(t).map(([r, d]) => o(f, { children: `${d} ${r}` }, r)) })] }) : null, o(c, { children: "Are you sure you want to close this connection?" })] }), n(g, { children: [o(l, { onClick: () => {
    e();
  }, color: "primary", children: "Cancel" }), o(l, { variant: "contained", onClick: () => {
    i == null || i(), e();
  }, color: "primary", children: "OK" })] })] });
});
export {
  w as default
};
//# sourceMappingURL=CloseConnectionDialog-Dc4qB9Gr.js.map