spb/countryatlas

1'use client';2import { useEffect } from 'react';3import { t } from '@/i18n';45export default function ErrorPage({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {6  useEffect(() => {7    console.error(error);8  }, [error]);9  return (10    <div className="mx-auto max-w-prose py-20 text-center">11      <div className="eyebrow">{t('site.name')}</div>12      <h1 className="display mt-2 text-3xl text-ink">{t('common.errorTitle')}</h1>13      <p className="mt-3 text-ink-2">{t('common.errorHint')}</p>14      {error.digest ? <p className="tnum mt-2 text-2xs text-ink-3">{error.digest}</p> : null}15      <button type="button" onClick={reset} className="mt-6 inline-flex h-10 items-center rounded-sm bg-ink px-4 text-sm font-medium text-paper hover:bg-accent hover:text-accent-ink">16        {t('common.retry')}17      </button>18    </div>19  );20}21