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