25 lines
938 B
TypeScript
25 lines
938 B
TypeScript
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>
|
|
);
|
|
}
|