| 1 | /** Lines standing in for a page while its editor loads (no editor code, so the server can draw it). */ |
| 2 | export function EditorSkeleton() { |
| 3 | return ( |
| 4 | <div className="space-y-3 py-2" aria-busy="true" aria-label="Loading the editor"> |
| 5 | {[92, 80, 86, 40].map((w, i) => ( |
| 6 | <div key={i} className="h-4 animate-pulse rounded bg-raised motion-reduce:animate-none" style={{ width: `${w}%` }} /> |
| 7 | ))} |
| 8 | </div> |
| 9 | ); |
| 10 | } |