taxonium-component/dist/SetRowHeightDialog-CCn6sESJ.js

React component for exploring large phylogenetic trees in the browser

import { jsxs as a, jsx as t } from "react/jsx-runtime";
import { useState as c } from "react";
import { a as l, D as u, c as d, d as g, B as n } from "./JBrowsePanel-uJIA-L6s.js";
function f({ model: o, handleClose: e }) {
  const [i, r] = c(`${o.rowHeight}`);
  return a(l.Dialog, { open: !0, title: "Set row height", onClose: e, children: [t(u, { children: t(d, { value: i, onChange: (s) => {
    r(s.target.value);
  } }) }), a(g, { children: [t(n, { disabled: Number.isNaN(+i), variant: "contained", onClick: () => {
    o.setRowHeight(+i), e();
  }, children: "Submit" }), t(n, { variant: "contained", color: "secondary", onClick: () => {
    e();
  }, children: "Cancel" })] })] });
}
export {
  f as default
};
//# sourceMappingURL=SetRowHeightDialog-CCn6sESJ.js.map