import { FC } from 'react';

import Divider from '@material-hu/mui/Divider';
import Typography from '@material-hu/mui/Typography';

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

const EndDivider: FC = () => {
  const { t } = useLokaliseTranslation('web_only');

  return (
    <Divider sx={{ mt: 3 }}>
      <Typography
        color="textSecondary"
        variant="subtitle2"
      >
        {t('list.end_reached')}
      </Typography>
    </Divider>
  );
};

export default EndDivider;
