✨ feat: Loading Common

src/components/common/LoadingCommon/LoadingCommon.module.scss

@@ -1,31 +1,20 @@
 @import '../../../styles/utilities';
 
-.loadingCommon:empty {
+.wrapper {
+    @apply text-center;
+
+    .loadingCommon {
         @apply bg-white;
         height: 7rem;
         width: 7rem;
         border-radius: 50%;
         animation: spin 2s linear infinite;
         margin: auto;
-
         background: url('./assets/carrot.png') top 50% left 50% no-repeat;
-
-    @keyframes spin {
-        0% { transform: rotate(0deg); }
-        100% { transform: rotate(360deg); }
-    }
-
-    &.small {
-        height: 5rem;
-        width: 5rem;
-    }
-
-    &.default {
-        
-    }
-
-    &.large {
-        height: 10rem;
-        width: 10rem;
     }
 }
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}

src/components/common/LoadingCommon/LoadingCommon.tsx

@@ -1,18 +1,15 @@
 import React from "react";
 import s from './LoadingCommon.module.scss'
 
-interface LoadingCommonProps {
-    children? : React.ReactNode;
-}
-
-const LoadingCommon = ({ children }: LoadingCommonProps) => {
+const LoadingCommon = () => {
     
     return (
-        <>
+        <div className={s.wrapper}>
             <div className={s.loadingCommon}>
-                {children}
+            
+            </div>
+            <p>Loading...</p>
         </div>
-        </>
     )
 }