n3wt-school/Front-End/src/components/FileStatusLabel.js

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;