<script setup>
import Navbar from "@/components/common/Navbar.vue";
import NavTab from "@/components/common/NavTab.vue";

const props = defineProps(["ctx"])
</script>

<template>
	<Navbar>
		<template #tabs>
			<NavTab href="/ns/domains/batch" :active="ctx.secondMenuItem == 'index'" name="添加域名"></NavTab>
			<NavTab href="/ns/domains/batch/deleteDomains" :active="ctx.secondMenuItem == 'deleteDomains'" name="删除域名"></NavTab>
			<NavTab href="/ns/domains/batch/createRecords" :active="ctx.secondMenuItem == 'createRecords'" name="添加解析"></NavTab>
			<NavTab href="/ns/domains/batch/updateRecords" :active="ctx.secondMenuItem == 'updateRecords'" name="修改解析"></NavTab>
			<NavTab href="/ns/domains/batch/deleteRecords" :active="ctx.secondMenuItem == 'deleteRecords'" name="删除解析"></NavTab>
			<NavTab href="/ns/domains/batch/enableRecords" :active="ctx.secondMenuItem == 'enableRecords'" name="启用/暂停解析"></NavTab>
			<NavTab href="/ns/domains/batch/importRecords" :active="ctx.secondMenuItem == 'importRecords'" name="混合添加解析"></NavTab>
		</template>
	</Navbar>
</template>

<style scoped>

</style>