"use client";
import { FC, useState } from "react";
import PaymentList from "@/components/payments/payment-list";
import PaymentHeader from "./header";

type props = {
  clientId?: string;
};

const InvoiceContent: FC<props> = () => {
  const [reports, setReports] = useState<any | undefined>();
  const [paymentCount, setPaymentCount] = useState<number>(0);
  return (
    <>
      <PaymentHeader reports={reports} invoiceCount={paymentCount} />
      <div className="overflow-hidden shadow">
        <PaymentList
          setReports={setReports}
          setPaymentCount={setPaymentCount}
          reports={reports}
          api="/api/v1/client-payments"
        />
      </div>
    </>
  );
};

export default InvoiceContent;