File size: 918 Bytes
5b7c31d | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | import React from 'react';
export default function LoadingOverlay({ message = 'Please wait...' }) {
return (
<div className="fixed inset-0 z-[9999] flex flex-col items-center justify-center bg-white/80 dark:bg-[#0f1117]/85 backdrop-blur-sm">
<div className="flex flex-col items-center gap-5">
{/* Spinner */}
<div className="relative w-14 h-14">
<div className="absolute inset-0 rounded-full border-4 border-slate-200 dark:border-slate-700" />
<div className="absolute inset-0 rounded-full border-4 border-transparent border-t-blue-500 animate-spin" />
</div>
{/* Logo */}
<img src="/Group 5.svg" alt="IsItFake Logo" className="h-6 object-contain opacity-70" />
{/* Message */}
<p className="text-sm font-medium text-slate-500 dark:text-slate-400 tracking-wide">
{message}
</p>
</div>
</div>
);
}
|