Initial commit

frontend/src/components/shared/LoadingSpinner.tsx

@@ -0,0 +1,28 @@
+// Loading Spinner Component
+import { clsx } from 'clsx';
+import './LoadingSpinner.css';
+
+interface LoadingSpinnerProps {
+  size?: 'small' | 'medium' | 'large';
+  fullPage?: boolean;
+  className?: string;
+}
+
+export default function LoadingSpinner({ size = 'medium', fullPage = false, className }: LoadingSpinnerProps) {
+  const spinner = (
+    <div className={clsx('loading-spinner', `loading-spinner--${size}`, className)}>
+      <div className="loading-spinner__circle" />
+    </div>
+  );
+
+  if (fullPage) {
+    return (
+      <div className="loading-spinner__overlay">
+        {spinner}
+      </div>
+    );
+  }
+
+  return spinner;
+}
+