<script setup>
definePageMeta({
  layout: 'blank',
})

const router = useRouter()
</script>

<template>
  <div class="h-svh">
    <div class="m-auto flex h-full w-full flex-col items-center justify-center gap-2">
      <h1 class="text-[7rem] font-bold leading-tight">401</h1>
      <span class="font-medium">Unauthorized Access</span>
      <p class="text-muted-foreground text-center">
        Please log in with the appropriate credentials <br />
        to access this resource.
      </p>
      <div class="mt-6 flex gap-4">
        <Button variant="outline" @click="router('/auth/login')"> Login </Button>
        <Button @click="router.push('/')"> Back to Home </Button>
      </div>
    </div>
  </div>
</template>

<style scoped></style>
