| 1 | import { Skeleton } from "@/components/ui/skeleton"; |
| 2 | |
| 3 | /** |
| 4 | * Loading skeleton component for theme cards |
| 5 | */ |
| 6 | export function ThemeCardSkeleton() { |
| 7 | return ( |
| 8 | <div className="relative h-44 rounded-xl border border-border bg-card/50 p-2"> |
| 9 | <Skeleton className="h-28 w-full rounded-lg" /> |
| 10 | <div className="mt-2 space-y-1.5 px-1"> |
| 11 | <Skeleton className="h-3 w-3/5" /> |
| 12 | <Skeleton className="h-2.5 w-2/5" /> |
| 13 | </div> |
| 14 | </div> |
| 15 | ); |
| 16 | } |
| 17 |