feat: ajout des documents d'inscription [#20]

Front-End/src/components/FileStatusLabel.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Check, Clock } from 'lucide-react';
+
+const FileStatusLabel = ({ status }) => {
+  const getStatusConfig = () => {
+    switch (status) {
+      case 'sent':
+        return {
+          label: 'Envoyé',
+          className: 'bg-green-50 text-green-600',
+          icon: <Check size={16} className="text-green-600" />
+        };
+      case 'pending':
+      default:
+        return {
+          label: 'En attente',
+          className: 'bg-orange-50 text-orange-600',
+          icon: <Clock size={16} className="text-orange-600" />
+        };
+    }
+  };
+
+  const { label, className, icon } = getStatusConfig();
+
+  return (
+    <div className={`flex items-center justify-center gap-2 px-3 py-1 rounded-md text-sm font-medium ${className}`}>
+      {icon}
+      <span>{label}</span>
+    </div>
+  );
+};
+
+export default FileStatusLabel;