import { useTranslation } from 'react-i18next';

import { Button } from '../shared/ui/ui';
import s from '../pages/page.module.css';

/** Непредвиденная ошибка рендера страницы: короткое сообщение и перезагрузка. */
export function RouteError() {
  const { t } = useTranslation(['common', 'errors']);
  return (
    <div className={s.empty} role="alert">
      <p>{t('errors:common.internal')}</p>
      <Button onClick={() => window.location.reload()}>{t('route_error.reload')}</Button>
    </div>
  );
}