"use client";

import { useQuery } from "@tanstack/react-query";
import axios from "axios";
import { useSession } from "next-auth/react";
import { FC, useId } from "react";
import ResellerChildrenPackageForm from "./reseller-children-package-form";

type props = {
  packageId: string | null;
  isOpen: boolean;
  setOpen: () => void;
  type?: string;
};
const PackageEdit: FC<props> = ({ packageId, setOpen, isOpen, type }) => {
  const random_id = useId();
  const { data: session }: any = useSession();
  const getUser = async () => {
    const { data } = await axios.get(`/api/packages/${packageId}`);
    return data?.data;
  };
  const { data: package_item } = useQuery({
    queryKey: [random_id],
    queryFn: () => getUser(),
    retry: 0,
  });
  return (
    <>
      {package_item && (
        <>
          <ResellerChildrenPackageForm
            packageItem={package_item}
            mode="edit"
            isOpen={isOpen}
            setOpen={setOpen}
            package_type={type}
          />
        </>
      )}
    </>
  );
};

export default PackageEdit;