import { ApiError } from '@pipu/core';
import { Link } from '@tanstack/react-router';
import { useTranslation } from 'react-i18next';

import { useErrorText } from '../shared/lib/errors';
import s from './page.module.css';

/** Сущность каталога не найдена (удалена сканом) или не загрузилась. */
export function NotFound({ error }: { error: unknown }) {
  const { t } = useTranslation();
  const errorText = useErrorText();
  const missing = error instanceof ApiError && error.status === 404;
  return (
    <div className={s.empty} role="alert">
      <p>{missing ? t('catalog.not_found') : errorText(error)}</p>
      <Link to="/">{t('catalog.back_home')}</Link>
    </div>
  );
}