"use client"; // app/wait/page.jsx
import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { ClipLoader } from "react-spinners";

export default function WaitPage() {
  const router = useRouter();

  useEffect(() => {
    // Starte den Timer, um nach 20 Sekunden weiterzuleiten
    const timer = setTimeout(() => {
      router.push("/");
    }, 20000); // 20 Sekunden warten

    // Timer aufräumen, wenn die Komponente entladen wird
    return () => clearTimeout(timer);
  }, [router]);

  return (
    <div style={{ textAlign: "center", marginTop: "100px" }}>
      <h1>Bitte warten...</h1>
      <ClipLoader color={"#76c7c0"} size={50} /> {/* Spinner */}
      <p>Die Seite wird automatisch neu geladen.</p>
    </div>
  );
}
