"use client";

interface PageTransitionLoaderProps {
  isLoading: boolean;
}

export default function PageTransitionLoader({
  isLoading,
}: PageTransitionLoaderProps) {
  return (
    <>
      {isLoading && (
        <div className="fixed inset-0 z-50 flex flex-col gap-5 items-center justify-center bg-white">
          <div className="h-20 w-20 animate-spin rounded-full border-4 border-solid border-gray-950 border-t-transparent"></div>
          <h1 className="med">Morni</h1>
        </div>
      )}
    </>
  );
}