/** @author: Mansi
 * Filename: DataLoader.tsx
 * Description: This is the data loader component.
 */
import React from "react";
import LoaderGIF from "@/public/images/loader.gif";
import Image from "next/image";
const DataLoader: React.FC<{className?: string}> = ({className = ''}) => {

  return (
    // main wrapper of 404 section
    <>
      <div className={`min-h-[50vh] h-auto w-full flex flex-col justify-center items-center gap-[20px] md:gap-[40px] ${className}`}>
        <div className={``}>
          <Image src={LoaderGIF} alt="loader-gif" className={`w-fill !h-[80px] object-contain`}/>
        </div>
      </div>
    </>
  );

};

export default DataLoader;