loader

src/components/global/Loader.tsx

@@ -0,0 +1,26 @@
+// Modules
+import { CSSProperties } from "react";
+import { PulseLoader } from "react-spinners";
+
+const Loader = () => {
+  const override: CSSProperties = {
+    display: "block",
+    margin: "10 auto",
+    borderColor: "red",
+    // width: "100%",
+    height: "100%",
+  };
+  return (
+    <div className="loader">
+      <PulseLoader
+        color={"#38a39d"}
+        loading={true}
+        cssOverride={override}
+        aria-label="loader"
+        data-testid="loader"
+      />
+    </div>
+  );
+};
+
+export default Loader;

src/styles/_loader.scss

@@ -0,0 +1,11 @@
+.loader {
+  width: 100%;
+  height: 2.4rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  span {
+    width: fit-content;
+  }
+}