taxonium-component/dist/ReactComponent-D7cL0iK8.js

React component for exploring large phylogenetic trees in the browser

import { jsx as e } from "react/jsx-runtime";
import { useCallback as c } from "react";
import { o as i, u } from "./JBrowsePanel-BNE3gNW1.js";
import { B as d } from "./BaseDisplayComponent-4h8vJvX5.js";
const h = i(function({ model: t }) {
  const s = u.getContainingView(t), o = Math.round(s.dynamicBlocks.totalWidthPx), n = t.height, a = c((r) => {
    t.setRef(r);
  }, [t, o, n]);
  return e("canvas", { "data-testid": "cloud-canvas", ref: a, style: { width: o, height: n, position: "absolute" }, width: o * 2, height: n * 2 });
}), C = i(function({ model: t }) {
  return e(d, { model: t, children: e(h, { model: t }) });
});
export {
  C as default
};
//# sourceMappingURL=ReactComponent-D7cL0iK8.js.map