<script setup lang="ts">
  import type { NuxtError } from '#app';

  const props = defineProps<{
    error: NuxtError
  }>()
</script>

<template>
  <UApp>
    <UMain>
      <Title>ZervoDev - Error</Title>
      <AppHeader />

      <UContainer class="flex flex-col items-center justify-center min-h-screen">
        <UIcon name="i-material-symbols-warning-rounded" class="size-20 mb-3" />
        <p class="text-lg">{{ error.statusCode }}</p>
      </UContainer>

      <AppFooter />
    </UMain>
  </UApp>
</template>