taxonium-component/dist/EditGCContentParams-Dr7as6NT.js

React component for exploring large phylogenetic trees in the browser

import { jsx as e, jsxs as s } from "react/jsx-runtime";
import { useState as r } from "react";
import { o as h, a as l, D as m, T as p, c as d, d as u, B as w } from "./JBrowsePanel-uJIA-L6s.js";
const S = h(function({ model: t, handleClose: n }) {
  const [i, c] = r(`${t.windowSizeSetting}`), [o, g] = r(`${t.windowDeltaSetting}`);
  return e(l.Dialog, { open: !0, onClose: n, title: "Edit GC content params", children: s(m, { children: [e(p, { children: "GC content is calculated in a particular sliding window of size N, and then the sliding window moves (steps) some number of bases M forward. Note that small step sizes can result in high CPU over large areas, and it is not recommended to make the step size larger than the window size as then the sliding window will miss contents." }), +o > +i ? e(l.ErrorMessage, { error: "It is not recommended to make the step size larger than the window size" }) : null, e(d, { label: "Size of sliding window (bp)", value: i, onChange: (a) => {
    c(a.target.value);
  } }), e(d, { label: "Step size of sliding window (bp)", value: o, onChange: (a) => {
    g(a.target.value);
  } }), s(u, { children: [e(w, { variant: "contained", onClick: () => {
    t.setGCContentParams({
      windowSize: +i,
      windowDelta: +o
    }), n();
  }, children: "Submit" }), e(w, { variant: "contained", color: "secondary", onClick: () => {
    n();
  }, children: "Cancel" })] })] }) });
});
export {
  S as default
};
//# sourceMappingURL=EditGCContentParams-Dr7as6NT.js.map