import { Progress } from "@/shared/common/ui/progress";

interface LoadingOverlayProps {
  progress?: number;
  text?: string;
}

export function LoadingOverlay({
  progress = 50,
  text = "Processing...",
}: LoadingOverlayProps) {
  return (
    <div className="fixed inset-0 bg-primary-300 bg-opacity-50 z-50 flex flex-col items-center justify-center space-y-4">
      <div className="text-white text-lg font-semibold animate-pulse">
        {text}
      </div>
      <Progress value={progress} className="w-3/4 md:w-1/3 h-3 rounded-full" />
    </div>
  );
}
