import IOSSpinner from "@/components/ui/IOSSpinner";
import { getServerLanguage } from "@/lib/i18n/server";
import { translateCommon } from "@/lib/i18n/translate";

export default async function AcademyLoading() {
  const lang = await getServerLanguage();
  const label = translateCommon(lang, "academy.loading");

  return (
    <div className="mx-auto flex min-h-[50vh] w-full max-w-xl flex-col items-center justify-center gap-3 px-4">
      <IOSSpinner size={28} color="#ff107d" />
      <span className="text-sm text-neutral-500">{label}</span>
    </div>
  );
}
