export function DownloadCardSkeleton() {
  return (
    <div
      className="min-h-40 h-full relative w-full max-w-md border border-white/10 bg-[#171616b8] rounded-lg p-4 flex flex-col gap-4 items-start justify-between"
    >
      {/* Top section */}
      <div className="flex justify-between items-start w-full gap-4">
        {/* Title */}
        <div className="space-y-2 flex-1">
          <div className="h-4 w-3/4 rounded bg-white/8 animate-pulse" />
          <div className="h-4 w-1/2 rounded bg-white/8 animate-pulse" />
        </div>
        {/* File type badge */}
        <div className="h-4 w-10 rounded bg-white/8 animate-pulse shrink-0" />
      </div>

      {/* Bottom section */}
      <div className="flex w-full justify-between items-center">
        <div className="h-3 w-16 rounded bg-white/8 animate-pulse" />
        <div className="w-5 h-5 rounded bg-white/8 animate-pulse" />
      </div>
    </div>
  );
}