'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var pinia = require('pinia');
require('../../../../stores/index.js');
var themeConfig = require('../../../../stores/themeConfig.js');

const _hoisted_1 = { class: "layout-navbars-container" };
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "index",
  setup(__props) {
    const BreadcrumbIndex = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./topBar/index.vue.js'); }));
    const TagsView = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./tagsView/tagsView.vue.js'); }));
    const storesThemeConfig = themeConfig.useThemeConfig();
    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
    const setShowTagsView = vue.computed(() => {
      let { layout, isTagsview } = themeConfig$1.value;
      return layout !== "classic" && isTagsview;
    });
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        !_ctx.$slots.breadcrumb ? (vue.openBlock(), vue.createBlock(vue.unref(BreadcrumbIndex), { key: 0 }, {
          default: vue.withCtx(() => [
            (vue.openBlock(true), vue.createElementBlock(
              vue.Fragment,
              null,
              vue.renderList(_ctx.$slots, (_, name) => {
                return vue.renderSlot(_ctx.$slots, name, vue.mergeProps({
                  key: name,
                  ref_for: true
                }, _ctx.$slots[name].props || {}));
              }),
              128
              /* KEYED_FRAGMENT */
            ))
          ]),
          _: 3
          /* FORWARDED */
        })) : vue.renderSlot(_ctx.$slots, "breadcrumb", { key: 1 }),
        setShowTagsView.value ? (vue.openBlock(), vue.createBlock(vue.unref(TagsView), { key: 2 })) : vue.createCommentVNode("v-if", true)
      ]);
    };
  }
});

exports.default = _sfc_main;
