import { useState } from "react"
import { Table } from "../common/table"
import { SortingState } from "@tanstack/react-table"
import { subscriptionsCol } from "../../utility/subscription"

export const SubscriptionReport = () => {
    const [sorting, setSorting] = useState<SortingState>([])
    // const { data, isLoading } = useQuery({
    //     queryKey: ["suscriptions-list"],
    //     queryFn: getSubscriptionsList
    // })
    // if (isLoading) return <p>LOADIN...</p>
    return (
        <Table sorting={sorting} setSorting={setSorting} columns={subscriptionsCol} data={[]} />
    )
}