23 lines
1.0 KiB
TypeScript
23 lines
1.0 KiB
TypeScript
import React from 'react'
|
|
|
|
export default function Loading() {
|
|
return (
|
|
<div className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-white/70 backdrop-blur-sm">
|
|
<div className="relative mb-4">
|
|
<div className="h-14 w-14 rounded-full bg-gray-200 animate-pulse" />
|
|
<svg
|
|
className="absolute -right-2 -bottom-2 h-7 w-7 animate-spin"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
aria-hidden
|
|
>
|
|
<circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="3" className="text-gray-300 opacity-70" />
|
|
<path d="M22 12a10 10 0 00-10-10" stroke="currentColor" strokeWidth="3" className="text-indigo-500" strokeLinecap="round" />
|
|
</svg>
|
|
</div>
|
|
<div className="text-gray-600 font-medium">Đang tải dữ liệu xác thực...</div>
|
|
</div>
|
|
)
|
|
}
|