import { IconWifiOff } from '@material-hu/icons/tabler';

import StateCard from '@material-hu/components/design-system/StateCard';

import { useLokaliseTranslation } from 'src/utils/i18n';

type TableNoInternetConnectionProps = {
  onRetry: () => void;
};

export const TableNoInternetConnection = ({
  onRetry,
}: TableNoInternetConnectionProps) => {
  const { t } = useLokaliseTranslation('ats');

  return (
    <StateCard
      title={t('common.error_internet.title')}
      description={t('common.error_internet.description')}
      icon={IconWifiOff}
      variant="warning"
      primaryAction={{
        label: t('common.try_again'),
        onClick: onRetry,
      }}
    />
  );
};