<template>
    <section class="max-w-xl m-auto">
        <van-nav-bar title="Notification">
            <template #left>
                <SvgIcon name="allow-left" class="w-7 h-7" @click="router.back" />
            </template></van-nav-bar>
            <div class="bg-[#F7F8FA] min-h-[calc(100vh-46px)]">
                <div class="flex flex-col items-center justify-center p-4">
                    No Message
                </div>
            </div>
    </section>
</template>

<script setup lang="ts">
import {useRouter} from 'vue-router'
import SvgIcon from '@/components/SvgIcon.vue';
const router = useRouter()
</script>