import { images } from "@/lib/images"
import Image from "next/image"

const Loader = () => {
  return (
    <div className="relative">
      <div className="fixed top-0 right-0 left-0 bottom-0 grid place-content-center z-50">
        <div className="w-32 h-32 relative animate-pulse">
          <Image
            src={images.logo} // Replace with your actual image path
            layout="fill"
            objectFit="contain"
            alt="logo-loader"
            priority
          />
        </div>
      </div>
      <div className="fixed top-0 right-0 left-0 bottom-0 z-40 bg-white" />
    </div>
  )
}

export default Loader