<script lang="ts">
  import { page } from '$app/state';
  import { t } from 'svelte-i18n';
</script>

<svelte:head>
  <title>{$t('error')} - Immich</title>
</svelte:head>

<section class="flex flex-col px-4 h-dvh w-dvw place-content-center place-items-center">
  <h1 class="py-10 text-4xl text-primary">{$t('errors.page_not_found')}</h1>
  {#if page.error?.message}
    <h2 class="text-xl text-immich-fg dark:text-immich-dark-fg">{page.error.message}</h2>
  {/if}
</section>
