From 01ca81be2a431e8242cbae50f2e58115fc17a335 Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Wed, 14 Aug 2024 14:25:33 +0200
Subject: [PATCH] feat: add simple spinner wrapper

---
 src/components/Spinner/index.tsx         |  6 ++++++
 src/components/Spinner/style.module.scss | 12 ++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 src/components/Spinner/index.tsx
 create mode 100644 src/components/Spinner/style.module.scss

diff --git a/src/components/Spinner/index.tsx b/src/components/Spinner/index.tsx
new file mode 100644
index 0000000..cbc6b43
--- /dev/null
+++ b/src/components/Spinner/index.tsx
@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react'
+import styles from './style.module.scss'
+
+export const Spinner = ({ children }: PropsWithChildren) => (
+  <div className={styles.spin}>{children}</div>
+)
diff --git a/src/components/Spinner/style.module.scss b/src/components/Spinner/style.module.scss
new file mode 100644
index 0000000..08d8032
--- /dev/null
+++ b/src/components/Spinner/style.module.scss
@@ -0,0 +1,12 @@
+.spin {
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}