1 files changed, 24 insertions, 0 deletions

diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx
new file mode 100755
index 0000000..66b0850
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx
@@ -0,0 +1,24 @@
+import * as Uebersicht from "uebersicht";
+
+export { specterStyles as styles } from "../../styles/components/data/specter";
+
+const { React } = Uebersicht;
+
+/**
+ * Specter widget component
+ *
+ * This component renders a div with six span elements inside it. These are animated in CSS.
+ *
+ * @returns {JSX.Element} The rendered widget component
+ */
+export const Widget = React.memo(() => {
+  return (
+    <div className="specter">
+      {[...new Array(6)].map((_, i) => (
+        <span key={i} />
+      ))}
+    </div>
+  );
+});
+
+Widget.displayName = "Specter";