"use client";

import { StatusPage } from "@/components/layout/status-page";

/** 500: no muestra detalles técnicos; el error queda en los logs del servidor. */
export default function ErrorPage({
  reset,
}: {
  error: Error & { digest?: string };
  reset: () => void;
}) {
  return (
    <StatusPage
      code="500"
      title="Algo salió mal"
      description="Tuvimos un problema al cargar esta página. Inténtalo nuevamente en unos segundos."
    >
      <button
        type="button"
        onClick={reset}
        className="mt-8 rounded-chesco-sm border border-white/40 px-6 py-3 font-display text-sm font-semibold uppercase tracking-wide transition duration-200 hover:bg-white/10"
      >
        Reintentar
      </button>
    </StatusPage>
  );
}