taxonium-component/dist/ConfirmDialog-JRPH475b.js

React component for exploring large phylogenetic trees in the browser

import { jsxs as t, jsx as a } from "react/jsx-runtime";
import { useState as u } from "react";
import { D as m, T as n, s as d, c as p, d as f, B as l } from "./JBrowsePanel-uJIA-L6s.js";
import { D as h } from "./Dialog-CefajdC9.js";
const C = ({ tracks: r, onClose: i }) => {
  const [o, c] = u(`MultiWiggle ${Date.now()}`), s = r.every((e) => e.type === "QuantitativeTrack");
  return t(h, { open: !0, onClose: () => {
    i(!1);
  }, title: "Confirm multi-wiggle track create", children: [t(m, { children: [t(n, { children: [s ? null : "Not every track looks like a QuantitativeTrack. This could have unexpected behavior, confirm if it looks ok.", "Listing:"] }), a("ul", { children: r.map((e) => t("li", { children: [d.readConfObject(e, "name"), " - ", e.type] }, e.trackId)) }), a(p, { value: o, onChange: (e) => {
    c(e.target.value);
  }, helperText: "Track name" }), a(n, { children: "Confirm creation of track?" })] }), t(f, { children: [a(l, { onClick: () => {
    i(!1);
  }, color: "primary", children: "Cancel" }), a(l, { onClick: () => {
    i(!0, { name: o });
  }, color: "primary", variant: "contained", autoFocus: !0, children: "Submit" })] })] });
};
export {
  C as default
};
//# sourceMappingURL=ConfirmDialog-JRPH475b.js.map