import { useLanguage } from "@/context/language-context";

export default function Loading() {
  const { language } = useLanguage();
  const languageIndex = language === "uz" ? true : false;

  return (
    <div className="h-52 w-52 rounded-xl bg-linear-to-br from-primary via-primary/60 to-gray-300 backdrop-blur-md flex flex-col items-center justify-center gap-3">
      <div className="w-8 h-8 border-4 border-gray-300 border-t-white rounded-full animate-spin" />

      <span className="text-white text-lg text-center">
        {languageIndex ? "Yuklanmoqda..." : "Загрузка..."}
      </span>
    </div>
  );
}