import { jsxs as m, jsx as e } from "react/jsx-runtime";
import l from "react";
import { noop as c } from "es-toolkit/function";
import t from "../../utils/classNames.js";
import n from "./TreeSidebarCategories.js";
const h = l.memo((a) => {
  const { className: s, onClick: r = c, ...o } = a, i = t("TreeSidebar", s);
  return /* @__PURE__ */ m("div", { className: i, children: [
    /* @__PURE__ */ e("ul", { className: "TreeSidebarNavigation", onClick: r, children: /* @__PURE__ */ e(n, { ...o }) }),
    /* @__PURE__ */ e("div", { className: "TreeSidebarToggle", onClick: r, children: /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-chevron-left" }) })
  ] });
});
export {
  h as default
};
//# sourceMappingURL=TreeSidebar.js.map
