import m from "./accelbyte-widgets334.mjs";
import { ArrowIcon as c, ArrowIconStyles as p } from "./accelbyte-widgets125.mjs";
import { t as u } from "./accelbyte-widgets58.mjs";
import a from "classnames";
import e from "react";
import { NavLink as f } from "react-router-dom";
import { NavItemPlaceholder as E } from "./accelbyte-widgets440.mjs";
class b extends e.Component {
  render() {
    const { isLoading: n, listHiddenMenu: s, accountPageNav: l } = this.props;
    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("nav", { className: "navigationDesktop" }, l.map((r, t) => {
      if (r.type === "separator")
        return r.component ? /* @__PURE__ */ e.createElement(r.component, { key: t }) : /* @__PURE__ */ e.createElement("div", { key: `separator-${t}`, className: a(m.separator) });
      if (n)
        return /* @__PURE__ */ e.createElement(E, { key: `${t}` });
      const { to: o, label: i } = r;
      return s.has(o) || r.isVisible && !r.isVisible() ? null : /* @__PURE__ */ e.createElement(f, { key: `${t}-${o}`, to: o }, /* @__PURE__ */ e.createElement("span", null, u(i)), /* @__PURE__ */ e.createElement(c, { className: a("activeArrow", p.right) }));
    })));
  }
}
export {
  b as AccountPageDesktopNavigation
};
