You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17 lines
761 B
17 lines
761 B
|
|
|
|
export default function LoadingVideoModal({state, message}) {
|
|
return state === "loading" && (
|
|
<div className="fixed inset-0 bg-[rgba(0,0,0,0.5)] flex items-center justify-center z-50">
|
|
<div className="glassmorphism p-8 flex flex-col items-center space-y-4">
|
|
{/* Spinner */}
|
|
<div className="relative w-16 h-16">
|
|
<div className="absolute inset-0 border-4 border-gray-300 border-opacity-30 rounded-full"></div>
|
|
<div className="absolute inset-0 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
|
|
</div>
|
|
<p className="text-white text-lg font-medium">{message}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
|
|
}
|