"use client";

import styles from "@/app/forbidden/forbidden.module.css";
import { EB_Garamond } from "next/font/google";

const ebGaramond = EB_Garamond({
  variable: "--font-eb-garamond",
  weight: ["400", "500", "600", "700", "800"],
  subsets: ["latin"],
});

export default function GlobalError({ error, reset }) {
  return (
    <html>
      <body>
        <div className={`${styles.container} ${ebGaramond.className}`}>
          <div className={styles.error}>
            <h1 className={styles.code}>500</h1>
            <span className={styles.line}></span>
            <p className={styles.message}>Internal Server Error</p>
            <p>Sorry, something went wrong. Please try again later.</p>
          </div>
        </div>
      </body>
    </html>
  );
}
