import { notFoundStyles } from './Table.styles'

import { EmptyIcon } from '../icons'
import { Typography } from '../Typography'

const { Title } = Typography

export const getNotFoundData = (colCount = 1, title: string) => {
	return (
		<tr data-type='not-found'>
			<td colSpan={colCount}>
				<div className={notFoundStyles}>
					<EmptyIcon size={100} />
					<Title level={5}>{title}</Title>
				</div>
			</td>
		</tr>
	)
}
