import type { Metadata } from 'next';
import { OfflineNotice } from './offline-notice';

export const metadata: Metadata = { title: 'Impuestos' };

/**
 * Rendered per request so it carries a live CSP nonce like every other page. Prerendered,
 * its scripts would be stamped at build time and the policy would block them, leaving a
 * page that renders but does not work. The service worker caches the response headers
 * along with the body, so the copy it serves offline stays self consistent.
 */
export const dynamic = 'force-dynamic';

/**
 * What the service worker serves when a navigation cannot reach the network.
 *
 * It lives outside `[locale]` on purpose: the worker caches exactly one URL, and a page
 * that only exists per locale would mean caching one and showing it to everyone. The
 * notice picks its language in the browser instead, from the two catalogs we ship.
 */
export default function OfflinePage() {
  return (
    <main className="mx-auto flex min-h-dvh w-full max-w-md items-center px-5">
      <OfflineNotice />
    </main>
  );
}