// import { useTranslations } from 'next-intl'

// import { DatasetModel } from '@/graphql'

// import { Date, Skeleton, Typography } from '@/components/atoms'

// import { ProfileCard } from '@/components/molecules'
// import {
// 	Name,
// 	SkeletonConnects,
// 	SkeletonDate,
// 	SkeletonIcon,
// 	SkeletonProfile
// } from '@/components/molecules/DataTable'

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

// import { Source } from './Source'
// import { Status } from './Status'
// import { Type } from './Type'

// const { Text } = Typography
// //
// export function getDatasetsTableData(
// 	dataSource: DatasetModel[],
// 	isLoading: boolean
// ): DatasetsTableDataItem[] {
// 	if (isLoading) {
// 		return dataSource.map(dataItem => ({
// 			...dataItem,
// 			type: <SkeletonIcon />,
// 			name: <Skeleton className='h-5 w-80' />,
// 			items: <Skeleton className='h-5 w-16' />,
// 			connects: <SkeletonConnects />,
// 			source: <SkeletonIcon />,
// 			author: <SkeletonProfile />,
// 			createdAt: <SkeletonDate />,
// 			editedAt: <SkeletonDate />,
// 			updatedAt: <SkeletonDate />,
// 			status: <Skeleton circle className='size-7.5' />
// 		}))
// 	}
// 	//
// 	return dataSource.map(dataItem => ({
// 		id: dataItem.id,
// 		type: <Type type={dataItem.type} />,
// 		name: <Name name={dataItem.name} href={`/datasets/${dataItem.id}`} />,
// 		items: <Text>{dataItem.total?.toLocaleString()}</Text>,
// 		connects: <Text>{dataItem._count?.widgets?.toLocaleString()}</Text>,
// 		source: <Source source={dataItem.source || dataItem.file!} />,
// 		author: <ProfileCard user={dataItem.author} size={'sm'} />,
// 		createdAt: <Date date={dataItem.createdAt} />,
// 		editedAt: <Date date={dataItem.editedAt} />,
// 		updatedAt: <Date date={dataItem.updatedAt} />,
// 		status: <Status status={dataItem.status} />
// 	}))
// }

// ////////////

// export function getDatasetsTableColumns() {
// 	const t = useTranslations('datasets.columns')
// 	//
// 	return [
// 		{
// 			key: 'type',
// 			title: t('type'),
// 			sort: 'string',
// 			width: 120
// 		},
// 		{
// 			key: 'name',
// 			title: t('name'),
// 			sort: 'string',
// 			width: 300
// 		},
// 		{
// 			key: 'items',
// 			title: t('items'),
// 			sort: 'number',
// 			width: 120
// 		},
// 		{
// 			key: 'connects',
// 			title: t('connects'),
// 			sort: 'number',
// 			width: 120
// 		},
// 		{
// 			key: 'source',
// 			title: t('source'),
// 			sort: 'string',
// 			width: 140
// 		},
// 		{
// 			key: 'author',
// 			title: t('author'),
// 			sort: 'string',
// 			width: 250
// 		},
// 		{
// 			key: 'createdAt',
// 			title: t('created'),
// 			sort: 'date',
// 			width: 170
// 		},
// 		{
// 			key: 'editedAt',
// 			title: t('edited'),
// 			sort: 'date',
// 			width: 170
// 		},
// 		{
// 			key: 'updatedAt',
// 			title: t('updated'),
// 			sort: 'date',
// 			width: 17
// 		},
// 		{
// 			key: 'status',
// 			title: t('status'),
// 			sort: 'string'
// 		}
// 	]
// }
