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

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

<template>
	<Navbar :content-name="ctx.list.name" :parent-items="[['拦截IP', '/waf/iplists']]">
		<template #tabs>
			<NavTab :href="'/waf/iplists/list?listId=' + ctx.list.id" value="index" overview></NavTab>
			<NavTab :href="'/waf/iplists/items?listId=' + ctx.list.id" value="item">
				<template #name>
					IP({{ ctx.list.countItems }})
				</template>
			</NavTab>
		</template>
	</Navbar>
</template>

<style scoped>

</style>