72 lines
2.7 KiB
TypeScript
72 lines
2.7 KiB
TypeScript
import { useTranslations } from "next-intl";
|
|
import { motion } from "framer-motion";
|
|
|
|
// Empty State Component
|
|
export function EmptyServices() {
|
|
const t = useTranslations();
|
|
|
|
return (
|
|
<motion.div
|
|
initial={{ opacity: 0, y: 20 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ duration: 0.5 }}
|
|
className="max-w-250 w-full mx-auto py-20"
|
|
>
|
|
<div className="bg-[#171616] bg-linear-to-br from-[#2a2a2a] to-black rounded-2xl p-10 md:p-16 text-center border border-gray-500">
|
|
<motion.div
|
|
initial={{ scale: 0 }}
|
|
animate={{ scale: 1 }}
|
|
transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
|
|
className="mb-8"
|
|
>
|
|
<div className="w-24 h-24 mx-auto bg-red-500/10 rounded-full flex items-center justify-center">
|
|
<svg
|
|
className="w-12 h-12 text-red-500"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth={2}
|
|
d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</motion.div>
|
|
|
|
<motion.h3
|
|
initial={{ opacity: 0, y: 10 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ delay: 0.3 }}
|
|
className="text-2xl md:text-3xl font-bold text-white font-unbounded mb-4"
|
|
>
|
|
{t("operationalSystems.noData.title") || "Xizmatlar topilmadi"}
|
|
</motion.h3>
|
|
|
|
<motion.p
|
|
initial={{ opacity: 0, y: 10 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ delay: 0.4 }}
|
|
className="text-gray-400 font-almarai text-base md:text-lg mb-8 max-w-md mx-auto"
|
|
>
|
|
{t("operationalSystems.noData.description") || "Hozircha hech qanday xizmat mavjud emas. Tez orada yangi xizmatlar qo'shiladi."}
|
|
</motion.p>
|
|
|
|
<motion.div
|
|
initial={{ opacity: 0, y: 10 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ delay: 0.5 }}
|
|
>
|
|
<button
|
|
onClick={() => window.location.reload()}
|
|
className="font-almarai bg-red-600 hover:bg-red-700 text-white font-semibold py-3 px-8 rounded-full transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-red-500/50"
|
|
>
|
|
{t("operationalSystems.noData.empty") || "Qayta yuklash"}
|
|
</button>
|
|
</motion.div>
|
|
</div>
|
|
</motion.div>
|
|
);
|
|
} |