import React from "react";
import { Loader } from "./Loader";

interface FullScreenLoaderProps {
  text?: string;
}

export const FullScreenLoader: React.FC<FullScreenLoaderProps> = ({
  text = "Loading...",
}) => {
  return (
    <div className="fixed inset-0 flex flex-col items-center justify-center bg-white/100 z-[9999]">
      <Loader />

      {text && (
        <p className="mt-6 text-lg text-gray-600">
          {text}
        </p>
      )}
    </div>
  );
};