/**
 * Empty state component for Closed Requests
 */

import { Card, CardContent } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { FileText } from 'lucide-react';

interface ClosedRequestsEmptyProps {
  searchTerm: string;
  activeFiltersCount: number;
  onClearFilters: () => void;
}

export function ClosedRequestsEmpty({
  searchTerm,
  activeFiltersCount,
  onClearFilters,
}: ClosedRequestsEmptyProps) {
  return (
    <Card className="shadow-lg border-0" data-testid="closed-requests-empty">
      <CardContent className="flex flex-col items-center justify-center py-16">
        <div className="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
          <FileText className="h-8 w-8 text-gray-400" />
        </div>
        <h3 className="text-xl font-semibold text-gray-900 mb-2">No requests found</h3>
        <p className="text-gray-600 text-center max-w-md">
          {searchTerm || activeFiltersCount > 0
            ? 'Try adjusting your filters or search terms to see more results.'
            : 'No closed requests available at the moment.'
          }
        </p>
        {activeFiltersCount > 0 && (
          <Button 
            variant="outline" 
            className="mt-4"
            onClick={onClearFilters}
            data-testid="closed-requests-empty-clear-filters"
          >
            Clear all filters
          </Button>
        )}
      </CardContent>
    </Card>
  );
}

