Obsidian Eclipse Loader

1function ObsidianEclipseLoader() {
2  const sparks = Array.from({ length: 18 });
3
4  return (
5    <div className="eclipse-stage" role="status" aria-label="Inhalt wird geladen">
6      <div className="eclipse-loader">
7        <div className="eclipse-loader__aura"></div>
8        <div className="eclipse-loader__orbit eclipse-loader__orbit--outer"></div>
9        <div className="eclipse-loader__orbit eclipse-loader__orbit--inner"></div>
10
11        <div className="eclipse-loader__sparks">
12          {sparks.map((_, i) => (
13            <span key={i} style={{ "--i": i }}></span>
14          ))}
15        </div>
16
17        <div className="eclipse-loader__sphere">
18          <div className="eclipse-loader__shine"></div>
19          <div className="eclipse-loader__shadow"></div>
20        </div>
21      </div>
22    </div>
23  );
24}