// 'use client'

// import { useEffect, useState } from 'react'

// import { LOADIND_TABLE_PAGINATION, LOADING_TABLE_DATA } from '@/constants'

// import { DataTable } from '@/components/molecules'

// import { IDataQuery } from '@/types'

// import { DatasetCreation } from './Creation'
// import {
// 	getDatasetsTableColumns,
// 	getDatasetsTableData
// } from './DatasetsTable.utils'
// import { getParams } from '@/utils'

// export function DatasetsTable() {
// 	const columns = getDatasetsTableColumns()
// 	//
// 	// const [defaultData, setDefaultData] = useState<GetDataInput>({
// 	// 	sort: [{ column: 'createdAt', order: 'desc' }]
// 	// })
// 	// //
// 	// const [getDatasets, { data, loading, called, refetch }] =
// 	// 	useGetDatasetsLazyQuery()
// 	// //
// 	// useEffect(() => {
// 	// 	const { q, sort, filter, page, limit }: IDataQuery = getParams()
// 	// 	//
// 	// 	const newState = {
// 	// 		...defaultData,
// 	// 		...(q && { q }),
// 	// 		...(sort && { sort: JSON.parse(sort) }),
// 	// 		...(filter && { filter: JSON.parse(filter) }),
// 	// 		...(page && { page: +page }),
// 	// 		...(limit && { limit: +limit })
// 	// 	}
// 	// 	//
// 	// 	setDefaultData(newState)
// 	// 	//
// 	// 	getDatasets({
// 	// 		variables: { data: newState }
// 	// 	})
// 	// }, [])
// 	// //
// 	// const getData = (data: Record<string, any>) => {
// 	// 	const newState = {
// 	// 		...defaultData,
// 	// 		...data
// 	// 	}
// 	// 	//
// 	// 	setDefaultData(newState)
// 	// 	//
// 	// 	refetch({
// 	// 		data: newState
// 	// 	})
// 	// }
// 	//
// 	return (
// 		<>DataTable
// 			{/* <DataTable
// 				creation={<DatasetCreation />}
// 				columns={columns}
// 				dataSource={getDatasetsTableData(
// 					data?.getDatasets.data || LOADING_TABLE_DATA,
// 					!called || loading
// 				)}
// 				pagination={
// 					data?.getDatasets.pagination || LOADIND_TABLE_PAGINATION
// 				}
// 				getData={getData}
// 				filterQuery={{
// 					querykey: 'getDatasetFilter',
// 					queryFn: useGetDatasetFilterQuery
// 				}}
// 				listName='datasets'
// 			/> */}
// 		</>
// 	)
// }
