<template>
    <app-view class="bank-wallet">
        <template #header>
            <app-navbar title="充值提现" />
        </template>
        <Tabs v-model:active="active">
            <Tab title="充值">
                <app-deposit />
            </Tab>
            <Tab title="提现">
                <app-withdraw />
            </Tab>
        </Tabs>
    </app-view>
</template>

<script lang="ts" setup>
import { shallowRef } from 'vue'
import { Tab, Tabs } from 'vant'
import { useNavigation } from '@/hooks/navigation'
import AppDeposit from './components/deposit/index.vue'
import AppWithdraw from './components/withdraw/index.vue'

const { getQueryStringToNumber } = useNavigation()

const active = shallowRef(getQueryStringToNumber('tab'))
</script>

<style lang="less">
@import './index.less';
</style>