
import React from "react";
import { Progress } from "@/components/ui/progress";
import { Loader2 } from "lucide-react";

interface UploadProgressProps {
  progress: number;
  uploading: boolean;
}

const UploadProgress = ({ progress, uploading }: UploadProgressProps) => {
  if (!uploading) return null;

  return (
    <div className="space-y-2">
      <div className="flex items-center space-x-2">
        <Loader2 className="h-4 w-4 animate-spin text-blue-500" />
        <span className="text-sm text-gray-600">Upload en cours... {progress}%</span>
      </div>
      <Progress value={progress} className="w-full" />
    </div>
  );
};

export default UploadProgress;
