import { defineComponent as u, computed as f, resolveComponent as p, createElementBlock as r, openBlock as s, normalizeStyle as l, normalizeClass as d, unref as e, createBlock as y, createCommentVNode as _, createVNode as h, createElementVNode as k, toDisplayString as x, renderSlot as g } from "vue";
import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-H76ViFsO.js";
import { useBreakpoints as b } from "@feedmepos/ui-library";
import { storeToRefs as w } from "pinia";
import { u as q, f as C } from "./global-loader-CbmVhJAK.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: n } = q(), { breakpoints: t } = b(), { isLoading: c } = w(C()), o = B(), a = f(() => !o.query.token && !o.query.busines);
    return (i, z) => {
      const m = p("FmCircularProgress");
      return s(), r("div", {
        class: d(`${e(t).lg || e(t).md ? "flex w-full" : ""} bg-fm-color-neutral-white`),
        style: l({
          height: `calc(100vh - ${e(o).query.token && e(o).query.businessId ? "0" : "64"}px)`
        })
      }, [
        a.value ? _("", !0) : (s(), y(v, { key: 0 })),
        e(c) ? (s(), r("div", $, [
          h(m, { size: "xl" }),
          k("span", N, x(e(n)("report.common.isLoading")), 1)
        ])) : (s(), r("div", {
          key: 2,
          class: "w-full flex flex-col overflow-y-scroll overflow-x-scroll",
          style: l({
            height: `calc(100%-${e(o).query.token && e(o).query.businessId ? "56" : "0"}px)`
          })
        }, [
          g(i.$slots, "default")
        ], 4))
      ], 6);
    };
  }
});
export {
  P as _
};
