import getData from "@/utils/fetch";
import { useQuery } from "@tanstack/react-query";
import { FC } from "react";
import { TSresellerSchema } from "../forms/schema/reseller";
type Props = {
  reseller: TSresellerSchema;
};

const ResellerInvoiceDue: FC<Props> = ({ reseller }) => {
  const getInvoiceDue = async () => {
    const api_url = `/api/v1/reseller-invoice-due/${reseller?.id}`;
    const { data } = await getData(api_url);
    return data;
  };

  const { data: invoice, isLoading } = useQuery({
    queryKey: ["invoiceDue"],
    queryFn: () => getInvoiceDue(),
    retry: 0,
  });

  return (
    <div className="relative">{invoice && <p>{invoice?.invoice_due}</p>}</div>
  );
};

export default ResellerInvoiceDue;