"use client";
import PageHeader from "@/components/PageHeder";
import InvoiceTypeForm from "@/components/invoice-type/invoice-type-form";
import { usePermission } from "@/utils/auth/permission";
import { FC } from "react";

const InvoiceTypeContent: FC = () => {
  return (
    <div>
      <PageHeader>
        <div className="flex justify-between !p-0">
          <h2 className="text-xl font-semibold">Invoice Types</h2>
          {usePermission("invoice-types.create") && (
            <div>
              <InvoiceTypeForm mode="create" />
            </div>
          )}
        </div>
      </PageHeader>
    </div>
  );
};

export default InvoiceTypeContent;