"use client";
import { Button } from "@/components/ui/button";

export default function GlobalError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <div className="flex flex-1 flex-col items-center justify-center px-6 py-24 text-center">
      <p className="font-mono text-[12px] uppercase tracking-widest text-fg-subtle">INTERNAL_ERROR</p>
      <h1 className="mt-3 text-2xl font-semibold tracking-tight">Something went wrong.</h1>
      <p className="mt-2 max-w-sm text-[14px] text-fg-muted">An unexpected error occurred. {error.digest ? <>Reference <code className="font-mono">{error.digest}</code>.</> : null}</p>
      <Button className="mt-8" onClick={reset}>Try again</Button>
    </div>
  );
}