"use client"
export default function GlobalError({
reset,
}: {
error: Error & { digest?: string }
reset: () => void
}) {
return (
<html lang="ja">
<body style={{ margin: 0, backgroundColor: "#212126", color: "#fafafa", fontFamily: "system-ui, sans-serif" }}>
<div style={{ minHeight: "100vh", display: "flex", alignItems: "center", justifyContent: "center", padding: "1rem" }}>
<div style={{ textAlign: "center" }}>
<h1 style={{ fontSize: "3.75rem", fontWeight: 700, color: "#d07850", margin: 0 }}>500</h1>
<h2 style={{ fontSize: "1.25rem", fontWeight: 600, marginTop: "0.5rem" }}>Something went wrong</h2>
<p style={{ color: "#a1a1aa", marginTop: "0.5rem" }}>
A critical error occurred. Please try again.
</p>
<button
onClick={reset}
style={{
marginTop: "1.5rem",
padding: "0.625rem 1.5rem",
backgroundColor: "#d07850",
color: "#fff",
border: "none",
borderRadius: "0.375rem",
fontSize: "0.875rem",
fontWeight: 500,
cursor: "pointer",
}}
>
Try Again
</button>
</div>
</div>
</body>
</html>
)
}
