import { Application } from "../types";
import ApplicationCard from "./ApplicationCard";

interface ApplicationsListProps {
  applications: Application[];
  isDraft: (app: Application) => boolean;
  handleEdit: (type: string, id: number) => void;
  handleView: (type: string, id: number) => void;
}

const ApplicationsList = ({ 
  applications, 
  isDraft, 
  handleEdit, 
  handleView 
}: ApplicationsListProps) => (
  <div className="space-y-4">
    {applications.map((app) => (
      <ApplicationCard
        key={app.id}
        app={app}
        isDraft={isDraft(app)}
        onEdit={() => handleEdit(app.application_type, app.id)}
        onView={() => handleView(app.application_type, app.id)}
      />
    ))}
  </div>
);

export default ApplicationsList;