import { QTabs, QTabPanels, QTab, QTabPanel } from './QTabPanels-82a07ce2.js';
import { _export_sfc } from './_plugin-vue_export-helper-e9a2c33e.js';
import { ref, createElementBlock, createBaseVNode, createVNode, withCtx, resolveComponent, openBlock } from './__federation_expose_Modules-a9c6a6fc.js';

const index_vue_vue_type_style_index_0_scoped_5f26288a_lang = '';

const _sfc_main = {
  setup() {
    return {
      tab: ref('info')
    };
  }
};
const _hoisted_1 = {
  class: "q-pa-md"
};
const _hoisted_2 = {
  class: "q-gutter-y-md"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_router_view = resolveComponent("router-view");
  return openBlock(), createElementBlock("div", _hoisted_1, [createBaseVNode("div", _hoisted_2, [createVNode(QTabs, {
    modelValue: $setup.tab,
    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $setup.tab = $event),
    class: "bg-grey-2 text-grey-7",
    "active-color": "primary",
    "indicator-color": "purple",
    align: "justify"
  }, {
    default: withCtx(() => [createVNode(QTab, {
      "no-caps": "",
      name: "info",
      label: "General Details"
    })]),
    _: 1
  }, 8, ["modelValue"]), createVNode(QTabPanels, {
    modelValue: $setup.tab,
    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => $setup.tab = $event),
    animated: "",
    class: "flex"
  }, {
    default: withCtx(() => [createVNode(QTabPanel, {
      name: "info",
      class: "setting-content"
    }, {
      default: withCtx(() => [createVNode(_component_router_view)]),
      _: 1
    })]),
    _: 1
  }, 8, ["modelValue"])])]);
}
const index = /*#__PURE__*/_export_sfc(_sfc_main, [['render', _sfc_render], ['__scopeId', "data-v-5f26288a"]]);

export { index as default };
