'use client'
import { useState } from 'react'
import CustomFetch from '@/Utils/APIRequest/AxiosInstance'
import { GetFileManagerAPI } from '@/Utils/APIRequest/Endpoints'
import { useQuery } from '@tanstack/react-query'
import { useTranslation } from '@/Utils/Hooks/useTranslate'
import ImportInfluencerTable from './ImportInfluencerTable'

const ImportInfluencer = () => {
    const { translations } = useTranslation();
    const [search, setSearch] = useState('');
    const [modal, setModal] = useState<any>(null)
    const [deleteModal, setDeleteModal] = useState<any>(null);
    const [params, setParams] = useState({ page: 1, per_page: 50, sort_by: "", sort: "DESC" });

    // API GET
    const { data: ImportInfluencerData, isPending, fetchStatus, refetch } = useQuery({ queryKey: [GetFileManagerAPI, search, params], queryFn: () => CustomFetch({ url: GetFileManagerAPI, params: { search: search, ...params } }, null, false), refetchOnWindowFocus: false, select: (data) => data?.data })

    const callBack = () => {
        setModal(true)
    }
    return (
        <ImportInfluencerTable
            searchBtnProps={{
                setSearch: setSearch,
                title: "Import File",
                callBack: callBack,
            }}
            apiData={{
                data: ImportInfluencerData,
                params: params,
                setParams: setParams,
                isPending: isPending,
                refetch: refetch,
                fetchStatus: fetchStatus
            }}
            search={search}
            modal={modal}
            setModal={setModal}
            deleteModal={deleteModal}
            setDeleteModal={setDeleteModal}
            translations={translations}
        />
    )
}

export default ImportInfluencer;