import {getTranslations} from 'next-intl/server';
import {Link} from '@/i18n/navigation';
import {Icon} from './Icon';

type Query = Record<string, string | undefined>;

/** Previous / page n / next. The API has no totals, so "next" appears when the page was full. */
export async function Pagination({pathname, query, page, hasNext}: {pathname: string; query: Query; page: number; hasNext: boolean}) {
  if (page <= 1 && !hasNext) return null;
  const t = await getTranslations('Common');
  const clean = Object.fromEntries(Object.entries(query).filter(([, v]) => v)) as Record<string, string>;
  const href = (p: number) => ({pathname, query: {...clean, page: String(p)}});
  return (
    <nav className="pagination" aria-label={t('pagination')}>
      {page > 1 ? (
        <Link href={href(page - 1)} rel="prev"><Icon name="arrow-left" /> {t('previous')}</Link>
      ) : <span className="is-hidden" aria-hidden="true" />}
      <span>{t('page', {page})}</span>
      {hasNext ? (
        <Link href={href(page + 1)} rel="next">{t('next')} <Icon name="arrow-right" /></Link>
      ) : <span className="is-hidden" aria-hidden="true" />}
    </nav>
  );
}