Untitled

import React from 'react';
import { BoxProps, Flex, Td, Text, Tr } from '@chakra-ui/react';
import { useTranslation } from 'react-i18next';
import Images from 'assets';
import Image from 'next/image';

interface EmptyListItemProps extends BoxProps {
  children?: any;
  image?: any;
  title?: string;
}

const EmptyListItem: React.FC<EmptyListItemProps> = ({ children, title, ...rest }) => {
  const { t } = useTranslation();

  return (
    <Tr>
      <Td borderColor="transparent">
        <Flex
          minH="50vh"
          position="absolute"
          insetX="0"
          flexDirection="column"
          alignItems="center"
          justifyContent="center"
          {...rest}>
          <Image width="100px" height="100px" src={Images.no_data} />
          <Text textStyle="h4" textAlign="center" opacity={1} color="text-title" mt="6">
            {title ? title : t('no_data_found')}
          </Text>
        </Flex>
      </Td>
    </Tr>
  );
};

export default EmptyListItem;