interface UploadOverlayProps {
  progress: number
}

export function UploadOverlay({ progress }: UploadOverlayProps) {
  return (
    <div className="absolute inset-0 z-50 flex flex-col items-center justify-center bg-black">
      <div className="text-white/40 text-sm font-medium tracking-[0.2em] uppercase mb-4 text-center">
        Uploading
      </div>
      <div className="text-white text-7xl font-light tracking-tighter drop-shadow-lg tabular-nums text-center">
        {progress}<span className="text-3xl text-white/50 ml-1">%</span>
      </div>
    </div>
  )
}