21 lines
971 B
TypeScript
21 lines
971 B
TypeScript
export default function BlogLoading() {
|
|
return (
|
|
<div className="max-w-3xl mx-auto px-6 py-24 space-y-12 animate-pulse">
|
|
<div className="space-y-4">
|
|
<div className="h-10 bg-zinc-200 dark:bg-zinc-800 rounded w-1/3" />
|
|
<div className="h-5 bg-zinc-200 dark:bg-zinc-800 rounded w-2/3" />
|
|
</div>
|
|
<div className="grid gap-10">
|
|
{Array.from({ length: 3 }).map((_, i) => (
|
|
<div key={i} className="space-y-3">
|
|
<div className="h-4 bg-zinc-200 dark:bg-zinc-800 rounded w-1/4" />
|
|
<div className="h-7 bg-zinc-200 dark:bg-zinc-800 rounded w-3/4" />
|
|
<div className="h-5 bg-zinc-200 dark:bg-zinc-800 rounded w-full" />
|
|
<div className="h-5 bg-zinc-200 dark:bg-zinc-800 rounded w-5/6" />
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|