37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
// Empty State Component
|
|
export function EmptyState() {
|
|
return (
|
|
<div className="min-h-screen bg-[#1e1d1c] flex items-center justify-center px-4">
|
|
<div className="text-center max-w-md">
|
|
<div className="w-24 h-24 mx-auto mb-6 bg-gray-800 rounded-full flex items-center justify-center">
|
|
<svg
|
|
className="w-12 h-12 text-gray-600"
|
|
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>
|
|
<h2 className="text-2xl font-bold text-white mb-2">
|
|
Mahsulot topilmadi
|
|
</h2>
|
|
<p className="text-gray-400 mb-6">
|
|
Siz qidirayotgan mahsulot mavjud emas yoki o'chirilgan
|
|
</p>
|
|
<a
|
|
href="/products"
|
|
className="inline-block bg-red-700 hover:bg-red-800 text-white font-bold py-3 px-6 rounded-lg transition"
|
|
>
|
|
Mahsulotlarga qaytish
|
|
</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|