<script setup lang="ts">
import { ref } from 'vue';
import { PageContainer } from 'antdv-pro-layout';
import ListComponent from './list.vue';
import TopologyComponent from './topology.vue';
import useI18n from '@/hooks/useI18n';
const { t } = useI18n();
const value = ref<string>('list');
</script>

<template>
  <PageContainer>
    <template #extra>
      <a-radio-group v-model:value="value" button-style="solid">
        <a-radio-button value="list">
          {{ t('views.neData.baseStation.list') }}
        </a-radio-button>
        <a-radio-button value="topology">
          {{ t('views.neData.baseStation.topology') }}
        </a-radio-button>
      </a-radio-group>
    </template>

    <div v-show="value === 'list'">
      <ListComponent></ListComponent>
    </div>
    <div v-if="value === 'topology'">
      <TopologyComponent></TopologyComponent>
    </div>
  </PageContainer>
</template>

<style scoped></style>
