<script setup lang="ts">
import { ref, reactive } from 'vue';
import SpUpgrade from './SpUpgrade.vue';
import LocationUpgrade from './LocationUpgrade.vue';
const activeName = ref('0');
</script>
<template>
  <div id="manualView" class="page-container">
    <el-tabs id="upgradeLevel2Tabs" v-model="activeName" class="demo-tabs">
      <el-tab-pane :label="$t('IBMC_UPGRADE_OUT_FIRMWARE')">
        <LocationUpgrade></LocationUpgrade>
      </el-tab-pane>
      <el-tab-pane v-if="false" :label="$t('IBMC_UPGRADE_INTERNAL_FIRMWARE')">
        <SpUpgrade></SpUpgrade>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<style lang="scss" scoped>
.page-container {
  height: 100%;
  :deep(.el-tabs__header) {
    margin: 0 0 16px;
  }
}
.demo-tabs {
  height: 100%;
}
#upgradeLevel2Tabs {
  :deep(#pane-0) {
    height: 100%;
  }
}
</style>
