<template>
    <div class="flex flex-col items-center justify-center text-center px-6">
        <h1 class="text-5xl font-bold mb-4">Unauthorized</h1>
        <p class="text-lg text-muted-foreground max-w-md mb-6">
            You don't have permission to access this page.
            If you think this is a mistake, please contact an administrator.
        </p>

        <div class="flex flex-col gap-3 sm:flex-row">
            <Button variant="default" @click="goHome">
                Go to Home
            </Button>
        </div>
    </div>
</template>

<script setup lang="ts">
import Button from '@/components/ui/button/Button.vue'
import { useRouter } from 'vue-router'
import { useUserStore } from '@/stores/user'

const router = useRouter()
const user = useUserStore()

function goHome() {
    router.push('/')
}
</script>