31 lines
1.1 KiB
JavaScript
31 lines
1.1 KiB
JavaScript
import React from 'react'
|
|
|
|
export default function PostCardSkeleton() {
|
|
return (
|
|
<div className="rounded-2xl border border-white/[0.06] bg-white/[0.03] p-5 animate-pulse space-y-4">
|
|
{/* Header */}
|
|
<div className="flex items-center gap-3">
|
|
<div className="w-9 h-9 rounded-full bg-white/10 shrink-0" />
|
|
<div className="space-y-1.5 flex-1">
|
|
<div className="h-3 bg-white/10 rounded w-28" />
|
|
<div className="h-2 bg-white/6 rounded w-20" />
|
|
</div>
|
|
</div>
|
|
{/* Body */}
|
|
<div className="space-y-2">
|
|
<div className="h-3 bg-white/10 rounded w-full" />
|
|
<div className="h-3 bg-white/8 rounded w-4/5" />
|
|
<div className="h-3 bg-white/6 rounded w-2/3" />
|
|
</div>
|
|
{/* Artwork embed placeholder */}
|
|
<div className="rounded-xl bg-white/5 aspect-[16/9]" />
|
|
{/* Actions */}
|
|
<div className="flex gap-4 pt-1">
|
|
<div className="h-3 bg-white/8 rounded w-12" />
|
|
<div className="h-3 bg-white/6 rounded w-16" />
|
|
<div className="h-3 bg-white/6 rounded w-10" />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|