taxonium-component/dist/NoTracksActiveButton-ClBU5xEY.js

React component for exploring large phylogenetic trees in the browser

import { jsx as a, jsxs as s, Fragment as c } from "react/jsx-runtime";
import { o as r, m as n, P as i, T as p, B as l, a9 as d } from "./JBrowsePanel-uJIA-L6s.js";
import "react";
const m = n()((t) => ({
  note: {
    textAlign: "center",
    paddingTop: t.spacing(1),
    paddingBottom: t.spacing(1)
  },
  top: {
    zIndex: 800
  }
})), v = r(function({ model: t }) {
  const { classes: e } = m(), { hideNoTracksActive: o } = t;
  return a(i, { className: e.note, children: o ? a("div", { style: { height: "48px" } }) : s(c, { children: [a(p, { children: "No tracks active." }), a(l, { variant: "contained", color: "primary", onClick: () => t.activateTrackSelector(), className: e.top, startIcon: a(d.TrackSelector, {}), children: "Open track selector" })] }) });
});
export {
  v as default
};
//# sourceMappingURL=NoTracksActiveButton-ClBU5xEY.js.map