"use client";

import { FillBlank } from "./FillBlank";
import { Flashcard } from "./Flashcard";
import { Matching } from "./Matching";
import { MultipleChoice } from "./MultipleChoice";
import { Ordering } from "./Ordering";
import { ShortAnswer } from "./ShortAnswer";
import { TrueFalse } from "./TrueFalse";
import { t } from "@/lib/i18n";
import { NoHintsProvider, type ActivityComponentProps } from "./shared";

export type { ActivityComponentProps } from "./shared";
export { TYPE_META } from "./shared";
export { NotesTextProvider, useNotesText } from "./context";

/**
 * Renders an activity from JSON based on its `type` field.
 * Every activity type is a self-contained React component.
 */
export function ActivityRenderer(props: ActivityComponentProps) {
  const { activity, noHints } = props;

  const rendered = (() => {
    switch (activity.type) {
      case "flashcard":
        return <Flashcard {...props} activity={activity} />;
      case "multiple_choice":
        return <MultipleChoice {...props} activity={activity} />;
      case "true_false":
        return <TrueFalse {...props} activity={activity} />;
      case "fill_blank":
        return <FillBlank {...props} activity={activity} />;
      case "matching":
        return <Matching {...props} activity={activity} />;
      case "ordering":
        return <Ordering {...props} activity={activity} />;
      case "short_answer":
        return <ShortAnswer {...props} activity={activity} />;
      default: {
        // Exhaustiveness guard: adding a new activity type without a component
        // becomes a TypeScript error.
        const never: never = activity;
        return <p className="text-sm">{t("activity.unsupported", { json: JSON.stringify(never) })}</p>;
      }
    }
  })();

  return <NoHintsProvider value={Boolean(noHints)}>{rendered}</NoHintsProvider>;
}