import {
MdCheckCircle,
MdDownload,
MdError,
MdOutlineMotionPhotosPaused,
MdOutlineUpload,
} from "react-icons/md";
type Props = {
className?: string;
finished: boolean;
live: boolean;
error: boolean;
};
export const StatusIcon = ({ className, finished, live, error }: Props) => {
const isSeeding = finished && live;
if (error) return <MdError className={className} color="red" />;
if (isSeeding) return <MdOutlineUpload className={className} color="green" />;
if (finished) return <MdCheckCircle className={className} color="green" />;
if (live) return <MdDownload className={`text-blue-500 ${className}`} />;
else return <MdOutlineMotionPhotosPaused className={className} />;
};