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