<script lang="ts" setup>
import { ref } from 'vue';

import { Page } from '@vben/common-ui';

import { Tabs } from 'antdv-next';

import DataRuleList from './rule/index.vue';
import DataSinkList from './sink/index.vue';

const activeTabName = ref('rule');
</script>

<template>
  <Page auto-content-height>
    <Tabs v-model:active-key="activeTabName">
      <Tabs.TabPane key="rule" tab="规则">
        <DataRuleList />
      </Tabs.TabPane>
      <Tabs.TabPane key="sink" tab="目的">
        <DataSinkList />
      </Tabs.TabPane>
    </Tabs>
  </Page>
</template>
