"use client";

import PageHeader from "@/components/PageHeder";
import ActionButton from "@/components/action-button";
import { usePermission } from "@/utils/auth/permission";
import { FC } from "react";

const Content: FC = () => {
  return (
    <PageHeader>
      <div className="flex justify-between !p-0">
        <h2 className="text-xl font-semibold">Add Invoice</h2>
        {usePermission("invoices.create") && (
          <div>
            <ActionButton href="/invoices" type="back" />
          </div>
        )}
      </div>
    </PageHeader>
  );
};

export default Content;