24 lines
939 B
TypeScript
24 lines
939 B
TypeScript
|
export default function EpisodeLoading() {
|
||
|
|
return (
|
||
|
|
<div className="animate-pulse space-y-6">
|
||
|
|
<div className="space-y-2">
|
||
|
|
<div className="h-9 w-72 rounded-xl bg-secondary" />
|
||
|
|
<div className="h-4 w-48 rounded-lg bg-secondary/70" />
|
||
|
|
</div>
|
||
|
|
<div className="grid gap-6 lg:grid-cols-3">
|
||
|
|
<div className="space-y-6 lg:col-span-1">
|
||
|
|
<div className="aspect-square rounded-2xl border border-border bg-secondary" />
|
||
|
|
<div className="h-32 rounded-2xl border border-border bg-card" />
|
||
|
|
<div className="h-11 rounded-full bg-secondary" />
|
||
|
|
</div>
|
||
|
|
<div className="space-y-4 lg:col-span-2">
|
||
|
|
<div className="h-14 rounded-2xl border border-border bg-card" />
|
||
|
|
{Array.from({ length: 3 }).map((_, i) => (
|
||
|
|
<div key={i} className="h-40 rounded-2xl border border-border bg-card" />
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|