<script setup lang="ts">
import system from './modules/system.vue';
import qywx from './modules/qywx.vue';
import dd from './modules/dd.vue';

defineOptions({
  name: 'EnvConfig'
});

const tabs = [
  { component: system, label: '系统配置' },
  { component: qywx, label: '企业微信配置' },
  { component: dd, label: '钉钉配置' }
];
</script>

<template>
  <div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto !bg-#ffffff !px-20px">
    <NTabs type="line" animated>
      <NTabPane v-for="(item, index) in tabs" :key="index" :name="index" :tab="item.label">
        <component :is="item.component"></component>
      </NTabPane>
    </NTabs>
  </div>
</template>

<style scoped></style>
