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>
    )
}