interface LoadingOverlayProps {
  isLoading: boolean;
  message?: string;
}

export function LoadingOverlay({ isLoading, message = "Loading data..." }: LoadingOverlayProps) {
  if (!isLoading) return null;

  return (
    <div className="fixed inset-0 z-50 flex items-center justify-center bg-slate-900/70 backdrop-blur-md">
      <div className="rounded-lg bg-white px-8 py-6 text-sm text-slate-700 shadow-2xl border border-slate-200/50">
        <div className="flex items-center gap-3">
          <div className="h-5 w-5 animate-spin rounded-lg border-2 border-[#428B4D] border-t-transparent"></div>
          <span className="font-medium">{message}</span>
        </div>
      </div>
    </div>
  );
}