loading messages

src/components/RotationBorder/RotationBorder.js

@@ -0,0 +1,20 @@
+import React from "react";
+
+import "./rotationTestStyle.css";
+
+// Web-only rotating gradient border container
+// Props:
+// - active: show rotating gradient when true (default)
+// - style, className: optional DOM styles/classes
+const RotationBorder = ({ children, style, className, active = true }) => {
+  const classes = ["box", active ? "a" : null, className]
+    .filter(Boolean)
+    .join(" ");
+  return (
+    <div className={classes} style={style}>
+      {children}
+    </div>
+  );
+};
+
+export default RotationBorder;