"use server";

import React from "react";
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"],
});

const Forbidden = async () => {
  return (
    <div className={`${styles.container} ${ebGaramond.className}`}>
      <div className={styles.error}>
        <h1 className={styles.code}>403</h1>
        <span className={styles.line}></span>
        <p className={styles.message}>Forbidden</p>
        <p>You do not have permission to access this page.</p>
      </div>
    </div>
  );
};

export default Forbidden;