users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx
592f73c2672474c09dedc5cac8e6fa857a7df92b
· 557 B · 24 lines
raw
| 1 | import * as Uebersicht from "uebersicht"; |
| 2 | |
| 3 | export { specterStyles as styles } from "../../styles/components/data/specter"; |
| 4 | |
| 5 | const { React } = Uebersicht; |
| 6 | |
| 7 | /** |
| 8 | * Specter widget component |
| 9 | * |
| 10 | * This component renders a div with six span elements inside it. These are animated in CSS. |
| 11 | * |
| 12 | * @returns {JSX.Element} The rendered widget component |
| 13 | */ |
| 14 | export const Widget = React.memo(() => { |
| 15 | return ( |
| 16 | <div className="specter"> |
| 17 | {[...new Array(6)].map((_, i) => ( |
| 18 | <span key={i} /> |
| 19 | ))} |
| 20 | </div> |
| 21 | ); |
| 22 | }); |
| 23 | |
| 24 | Widget.displayName = "Specter"; |