import ErrorMessages from "@/components/common/error-messages";
import InvoicePayForm from "@/components/invoices/invoice-pay";
import getData from "@/utils/fetch";
import { Metadata } from "next";
export const metadata: Metadata = {
  title: "pay | invoice",
};

export default async function Edit({ params }: any) {
  const { Id } = params;
  const url = `/api/v1/invoices/${Id}`;
  const response = await getData(url);
  if (!response?.success) {
    return <ErrorMessages message={response?.message} />;
  }
  const { data: invoices } = response;
  return (
    <div className="overflow-hidden">
      <InvoicePayForm invoice={invoices} />
    </div>
  );
}