import { defineComponent as u, computed as p, resolveComponent as f, createElementBlock as s, openBlock as t, normalizeStyle as n, normalizeClass as d, unref as e, createBlock as y, createCommentVNode as _, createVNode as h, createElementVNode as k, toDisplayString as g, renderSlot as x } from "vue";
import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-lfncwvdP.js";
import { useBreakpoints as b } from "@feedmepos/ui-library";
import { storeToRefs as C } from "pinia";
import { u as q, a as w } from "./vue-i18n-DVWuTfed.js";
import { useRoute as B } from "vue-router";
const $ = {
  key: 1,
  class: "flex gap-24 flex-col h-screen w-screen justify-center items-center"
}, N = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, P = /* @__PURE__ */ u({
  __name: "Default",
  setup(S) {
    const { t: l } = q(), { breakpoints: r } = b(), { isLoading: c } = C(w()), o = B(), a = p(() => !o.query.token);
    return (m, z) => {
      const i = f("FmCircularProgress");
      return t(), s("div", {
        class: d(`${e(r).lg || e(r).md ? "flex w-full" : ""} bg-fm-color-neutral-white`),
        style: n({
          height: `calc(100vh - ${e(o).query.token && e(o).query.businessId ? "0" : "64"}px)`
        })
      }, [
        a.value ? _("", !0) : (t(), y(v, { key: 0 })),
        e(c) ? (t(), s("div", $, [
          h(i, { size: "xl" }),
          k("span", N, g(e(l)("report.common.isLoading")), 1)
        ])) : (t(), s("div", {
          key: 2,
          class: "w-full flex flex-col",
          style: n({
            height: `calc(100%-${e(o).query.token && e(o).query.businessId ? "56" : "0"}px)`
          })
        }, [
          x(m.$slots, "default")
        ], 4))
      ], 6);
    };
  }
});
export {
  P as _
};
