import React, { useEffect, useState } from 'react'
import TicketTable from '../TicketTable'
import DataService from '@/Config/Axios'
import { toast } from 'react-toastify'

const PendingTickets = () => {
    const [supportTickets, setSupportTickets] = useState([])
    const [loading, setloading] = useState(false)
    const callApi = async () => {
        setloading(true)
        try {
            const response = await DataService.post('support', { status: 'pending' });
            if (response.data.status) {
                setSupportTickets(response.data.data)
            }
            setloading(false)
        } catch (error: any) {
            toast.error(error?.response?.data?.message ?? "Something went wrong!")
            setloading(false)
        }
    }
    useEffect(() => {
        callApi()
    }, [])
    return (
        <div>
            <TicketTable data={supportTickets} loading={loading} />
        </div>
    )
}

export default PendingTickets