Files
revenue-fe/src/components/loaders/ScreenLoader.tsx
2025-04-24 23:44:57 +07:00

23 lines
765 B
TypeScript

import { toAbsoluteUrl } from '@/utils';
import { Loader2 } from 'lucide-react';
const ScreenLoader = () => {
return (
<div className="flex flex-col items-center gap-2 justify-center fixed inset-0 z-50 bg-light transition-opacity duration-700 ease-in-out">
<img
// className="h-[30px] max-w-none"
className="h-14 w-auto drop-shadow-md"
src={toAbsoluteUrl('/media/app/app-logo.png')}
alt="logo"
/>
{/* <div className="text-gray-500 font-medium text-sm">Loading...</div> */}
<div className="flex items-center gap-3 text-base text-muted-foreground font-medium">
<Loader2 className="animate-spin h-6 w-6 text-primary" />
Loading...
</div>
</div>
);
};
export { ScreenLoader };