"use client";

import { useParams } from "next/navigation";
import { useEffect } from "react";

import ErrorsComp from "@/components/errors/ErrorsComp";
import Footer from "@/components/footer/Footer";
import Header2 from "@/components/header/Header2";
export default function Error({
  error,
  reset,
}: {
  error: Error & { digest?: string };
  reset: () => void;
}) {
  const params = useParams();
  const locale = params?.locale; // Default to Arabic if no locale found

  useEffect(() => {
    // Log the error to your error reporting service
    console.error(error);
  }, [error]);

  return (
    <div className=" ">
      <div className="">
        <ErrorsComp
          title={locale === "ar" ? "هل حدث خطأ ؟" : "Something Went Wrong...?"}
          description={
            locale === "ar"
              ? "لكن لا تقلق , نحن نعمل علية !"
              : "But don't worry, we're working on it!"
          }
          // title={locale === "ar" ? "هل حدث خطأ ؟":"Something Went Wrong...?"}
          // description={locale === "ar" ? "لكن لا تقلق , نحن نعمل علية !":"But don't worry, we're working on it!"}
        />
      </div>
    </div>
  );
}