1  <script lang="ts" context="module">
 2      import type { ErrorPage } from '~/jet/models';
 3  </script>
 4  
 5  <script lang="ts">
 6      import SharedErrorPage from '@amp/web-app-components/src/components/Error/ErrorPage.svelte';
 7      import { getI18n } from '~/stores/i18n';
 8  
 9      export let page: ErrorPage;
10  
11      const i18n = getI18n();
12  </script>
13  
14  <div class="error-page-container">
15      <SharedErrorPage translateFn={$i18n.t} error={page.error} />
16  </div>
17  
18  <style>
19      .error-page-container :global(.page-error) {
20          /* -50px compensates for the global footer */
21          top: calc(50% - 50px);
22      }
23  </style>