feat: Add Spinner component for loading indicators with customizable sizes

Author: medyo

src/components/Elements/Spinner/Spinner.tsx

@@ -0,0 +1,17 @@
+import clsx from 'clsx'
+import './Spinner.css'
+
+const sizes = {
+  small: 'small',
+  medium: 'medium',
+  large: 'large',
+}
+
+export type SpinnerProps = {
+  size?: keyof typeof sizes
+  className?: string
+}
+
+export const Spinner = ({ size = 'medium', className = '' }: SpinnerProps) => {
+  return <div className={clsx('spinner', className, sizes[size])}></div>
+}

src/components/Elements/Spinner/index.ts

@@ -0,0 +1 @@
+export * from './Spinner'

src/components/Elements/index.ts

@@ -12,5 +12,6 @@ export * from './Modal'
 export * from './Panel'
 export * from './SearchBar'
 export * from './SearchBarWithLogo'
+export * from './Spinner'
 export * from './Steps'
 export * from './UserTags'