import InvoiceItem from "./InvoiceItem";

const InvoiceList = ({ invoices, onCancel, paymentInfos }) => {
    return (
        <div className="invoice-list-container">
            {invoices.map((invoice) => (
                <InvoiceItem
                    key={invoice.id}
                    invoice={invoice}
                    onCancel={onCancel}
                    paymentInfos={paymentInfos}
                />
            ))}
        </div>
    );
}

export default InvoiceList;