<script lang="ts">
  import { page } from "$app/stores";
  import { randomKaomoji } from "$lib/util/kaomoji";
</script>

<div class="w-full text-center">
  <p class="text-5xl text-base-content text-opacity-60 mt-4" aria-hidden="true">
    {randomKaomoji($page.status)}
  </p>
  <p class="mt-4"><b>{$page.status}</b> {$page.error?.message}</p>
</div>
