New: Project Aphrodite

2026-04-25 22:37:27 -04:00 · 2018-11-23 02:04:42 -05:00
parent 65efa15551
commit 8430cb40ab
1080 changed files with 73015 additions and 0 deletions
@@ -0,0 +1,48 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import styles from './LoadingIndicator.css';
+
+function LoadingIndicator({ className, size }) {
+  const sizeInPx = `${size}px`;
+  const width = sizeInPx;
+  const height = sizeInPx;
+
+  return (
+    <div
+      className={className}
+      style={{ height }}
+    >
+      <div
+        className={styles.rippleContainer}
+        style={{ width, height }}
+      >
+        <div
+          className={styles.ripple}
+          style={{ width, height }}
+        />
+
+        <div
+          className={styles.ripple}
+          style={{ width, height }}
+        />
+
+        <div
+          className={styles.ripple}
+          style={{ width, height }}
+        />
+      </div>
+    </div>
+  );
+}
+
+LoadingIndicator.propTypes = {
+  className: PropTypes.string,
+  size: PropTypes.number
+};
+
+LoadingIndicator.defaultProps = {
+  className: styles.loading,
+  size: 50
+};
+
+export default LoadingIndicator;