import React from 'react'
import Image from "next/image";
import { Spinner } from '@material-tailwind/react';
export const Loading = () => {
  return (
    <div className="h-screen scroll w-full flex items-center transition-all bg-opacity-40 justify-center bg-gray-400 z-40 absolute ">
      {/* <Image
        src={"/assets/images/loader.gif"}
        height={200}
        width={200}
        alt="image de chargement " */}
      <Spinner className="h-16 w-16 text-gray-900/50" />
    </div>
  );
}