Initial commit

components/ui/LoadingSpinner.tsx

@@ -0,0 +1,46 @@
+'use client';
+
+import React from 'react';
+
+interface LoadingSpinnerProps {
+  size?: 'small' | 'medium' | 'large';
+  color?: 'primary' | 'secondary' | 'white';
+  className?: string;
+}
+
+const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({
+  size = 'medium',
+  color = 'primary',
+  className = '',
+}) => {
+  // Tailles du spinner
+  const sizeClasses = {
+    small: 'w-4 h-4',
+    medium: 'w-8 h-8',
+    large: 'w-12 h-12',
+  };
+
+  // Couleurs du spinner
+  const colorClasses = {
+    primary: 'border-blue-600',
+    secondary: 'border-gray-600',
+    white: 'border-white',
+  };
+
+  return (
+    <div
+      className={`
+        inline-block animate-spin rounded-full border-2 border-solid border-current border-r-transparent
+        ${sizeClasses[size]}
+        ${colorClasses[color]}
+        ${className}
+      `}
+      role="status"
+      aria-label="Chargement..."
+    >
+      <span className="sr-only">Chargement...</span>
+    </div>
+  );
+};
+
+export default LoadingSpinner;