| 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 | } |
| 19 |