almaze-app/components/home/LoadingSpinner.tsx
2025-02-11 21:52:34 +05:30

16 lines
536 B
TypeScript

import React from 'react';
const LoadingSpinner = () => {
return (
<div className="fixed inset-0 z-50 flex items-center justify-center bg-opacity-50 bg-gray-900">
<div className="relative">
<div className="w-16 h-16 border-4 border-t-4 border-gray-200 border-t-blue-500 rounded-full animate-spin"></div>
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-xs">
Loading
</div>
</div>
</div>
);
};
export default LoadingSpinner;