"use client";

import { useI18n } from "@/lib/i18n";
import { cn } from "@/lib/utils";

/**
 * The faint "AI can make mistakes" note for surfaces that show model output:
 * under the chat composer, next to the generation buttons and results of the
 * homework and deck wizards, and under AI grading feedback. One component so
 * the copy, the style and the translations stay in one place.
 *
 * --text-subtle is the muted helper token and is documented at 5.6:1 (light)
 * and 8.6:1 (dark), so the note stays readable at this size.
 */
export function AiDisclaimer({ className, plain = false }: { className?: string; plain?: boolean }) {
  const { t } = useI18n();
  return (
    // hint-line: Aero gives this its own glass chip (it sits on the wallpaper).
    // Where the note already sits on a glass panel (the chat composer), `plain`
    // keeps it plain centered text like the other themes.
    <p className={cn(!plain && "hint-line", "text-center text-[11.5px] leading-snug text-[var(--text-subtle)]", className)}>
      {t("common.aiDisclaimer")}
    </p>
  );
}