import { Suspense } from "react";
import type { Metadata } from "next";
import { ogForQuizzes } from "@/lib/og";
import { QuizzesList } from "./quizzes-list";

export const metadata: Metadata = {
  title: "Quizzes",
  description:
    "Test your understanding of Śrīla Prabhupāda's books, lectures and conversations.",
  ...ogForQuizzes(),
};

export default function QuizzesPage() {
  // The list reads its tab and category from the URL (useSearchParams),
  // which needs a Suspense boundary to render.
  return (
    <Suspense fallback={null}>
      <QuizzesList />
    </Suspense>
  );
}