"use client";
import PageHeader from "@/components/PageHeder";
import ActionButton from "@/components/action-button";
import InvoiceReports from "@/components/invoices/invoice-reports";
import { usePermission } from "@/utils/auth/permission";
import Link from "next/link";
import { FC, useState } from "react";
import { HiPlus } from "react-icons/hi";

type props = {
  reports: InvoiceReports;
  invoiceCount: number;
};
const PaymentHeader: FC<props> = ({ reports, invoiceCount }) => {
  return (
    <>
      <div>
        <PageHeader>
          <div className="flex justify-between">
            <h2 className="text-xl font-semibold">Payment ({invoiceCount})</h2>
          </div>
        </PageHeader>
      </div>
    </>
  );
};

export default PaymentHeader;