import { defineComponent, h } from 'vue';
import { b as buildAssetsURL } from './paths.mjs';
import { b as buildDomainEntityNav } from './enity-nav-ddb4f4ff.mjs';
import { N as NuxtPage } from './page-011b4897.mjs';
import 'ufo';
import './config.mjs';
import 'destr';
import 'scule';
import './nuxt-link-5ac46069.mjs';
import 'hookable';
import 'unctx';
import 'h3';
import 'vue-router';
import 'defu';

const Account = "" + buildAssetsURL("Account.c2caf63f.svg");
const AccountSVG = defineComponent({
  props: {
    width: {
      type: [Number, String],
      default: 300
    },
    height: {
      type: [Number, String],
      default: 200
    }
  },
  setup(props) {
    return () => h("img", {
      src: Account,
      width: props.width,
      height: props.height,
      style: {
        maxWidth: "100%"
      }
    });
  }
});

const index = defineComponent({
  setup() {
    const items = [
      {
        name: "Account",
        icon: "fas fa-bars",
        urlSuffix: ""
      },
      {
        name: "Security",
        icon: "fa fa-lock",
        urlSuffix: "/security"
      }
    ];
    return () => h("div", [
      h("div", {
        class: "text-center"
      }, [
        h(AccountSVG)
      ]),
      h("h1", { class: "title no-border mb-3" }, [
        h("i", { class: "fa fa-cog" }),
        "Settings",
        h("span", { class: "sub-title ms-1" }, [
          "Management"
        ])
      ]),
      h("div", { class: "content-wrapper" }, [
        h("div", { class: "content-sidebar flex-column" }, [
          buildDomainEntityNav("/settings", items, { direction: "vertical" })
        ]),
        h("div", { class: "content-container" }, [
          h(NuxtPage)
        ])
      ])
    ]);
  }
});

export { index as default };
//# sourceMappingURL=index-66e45d1b.mjs.map
