import { c as x, p as g, h as N, f as A, b as v, d as C, u as S, s as P, r as T, e as L } from "./AssetItem-ufNA-vj9.js";
import { t as h, O as l, x as p, r as _, l as d, w as m, z as y, y as R, C as b, E as f, N as B } from "./index-DRgrWhNH.js";
import { C as D } from "./ContentHeader-B8i-EqEU.js";
import { e as Q } from "./each-C_AuyVTL.js";
import { S as W, Q as z, B as F, A as G } from "./assets-BxOq0o9B.js";
import { A as H } from "./account-BPB9Ucub.js";
import { S as U } from "./scanner-Bm3Pvpfs.js";
var j = A('<button class="crtw-flex crtw-items-center crtw-gap-2 crtw-w-full crtw-p-2 crtw-rounded-md crtw-border crtw-border-black crtw-cursor-pointer crtw-transition-all crtw-duration-200 crtw-active:scale-95"><img alt="" class="crtw-w-6 crtw-h-6 crtw-flex-shrink-0"/> <span class="crtw-text-base crtw-font-medium crtw-flex-1 crtw-text-left"> </span></button>'), q = A('<div class="crtw-w-full crtw-flex crtw-flex-col crtw-gap-3 crtw-px-6 crtw-py-3"></div>');
function O(n, e) {
  if (new.target) return x({ component: O, ...n });
  h(e, !1);
  let r = g(e, "onClick", 12, () => {
  }), o = g(e, "showAssets", 12, !1);
  const w = [
    { title: "Sign Out", icon: W, page: l.LOGOUT },
    { title: "Show ID", icon: z, page: l.PASSPORT_ID },
    { title: "PassScan", icon: U, page: l.SCANNER },
    { title: "Wallet", icon: F, page: l.WALLET },
    {
      title: "Assets",
      icon: G,
      page: l.ASSETS,
      condition: o()
    },
    { title: "My Account", icon: H, page: l.PROFILE }
  ].filter((t) => !t.condition || t.condition);
  var u = {
    get onClick() {
      return r();
    },
    set onClick(t) {
      r(t), d();
    },
    get showAssets() {
      return o();
    },
    set showAssets(t) {
      o(t), d();
    },
    $set: S,
    $on: (t, s) => C(e, t, s)
  };
  N();
  var c = q();
  return Q(c, 5, () => w, (t) => t.page, (t, s) => {
    var i = j(), k = m(i), I = y(k, 2), M = m(I, !0);
    p(I), p(i), R(() => {
      P(k, "src", (f(s), b(() => f(s).icon))), T(M, (f(s), b(() => f(s).title)));
    }), L("click", i, () => r()(f(s).page)), v(t, i);
  }), p(c), v(n, c), _(u);
}
var J = A('<div class="crtw-w-full crtw-flex crtw-flex-col"><!> <!></div>');
function E(n, e) {
  if (new.target) return x({ component: E, ...n });
  h(e, !1);
  let r = g(e, "options", 12), { onClick: o, showAssets: a = !1 } = r();
  var w = {
    get options() {
      return r();
    },
    set options(s) {
      r(s), d();
    },
    $set: S,
    $on: (s, i) => C(e, s, i)
  }, u = J(), c = m(u);
  D(c, { text: "Navigation Menu" });
  var t = y(c, 2);
  return O(t, {
    get onClick() {
      return o;
    },
    get showAssets() {
      return a;
    }
  }), p(u), v(n, u), _(w);
}
function K(n, e) {
  if (new.target) return x({ component: K, ...n });
  h(e, !1);
  const r = (a) => {
    B.set(a);
  };
  var o = {
    $set: S,
    $on: (a, w) => C(e, a, w)
  };
  return N(), E(n, { options: { onClick: r, showAssets: !1 } }), _(o);
}
export {
  K as default
};
//# sourceMappingURL=NavMenu-UEQIbmEf.js.map
