| d873b75 | | | 1 | export default function TabsLoading() { |
| d873b75 | | | 2 | return ( |
| d873b75 | | | 3 | <div className="space-y-3"> |
| d873b75 | | | 4 | {Array.from({ length: 12 }).map((_, i) => ( |
| d873b75 | | | 5 | <div key={i} className="flex items-center gap-3"> |
| d873b75 | | | 6 | <span |
| d873b75 | | | 7 | className="skeleton" |
| d873b75 | | | 8 | style={{ width: 22, height: 22, borderRadius: "50%" }} |
| d873b75 | | | 9 | /> |
| d873b75 | | | 10 | <span |
| d873b75 | | | 11 | className="skeleton" |
| d873b75 | | | 12 | style={{ height: 14, borderRadius: 4, width: `${50 + (i % 3) * 20}%` }} |
| d873b75 | | | 13 | /> |
| d873b75 | | | 14 | </div> |
| d873b75 | | | 15 | ))} |
| d873b75 | | | 16 | </div> |
| d873b75 | | | 17 | ); |
| d873b75 | | | 18 | } |