import Link from "next/link";

export function Pagination({
  page,
  pageSize,
  total,
  hrefFor,
}: {
  page: number;
  pageSize: number;
  total: number;
  hrefFor: (p: number) => string;
}) {
  const pages = Math.max(1, Math.ceil(total / pageSize));
  if (pages <= 1) return null;
  const items = Array.from({ length: pages }, (_, i) => i + 1).filter(
    (p) => p === 1 || p === pages || Math.abs(p - page) <= 2,
  );
  return (
    <nav aria-label="Pagination" className="flex flex-wrap items-center gap-1 text-sm">
      {page > 1 && (
        <Link className="btn btn-sm" href={hrefFor(page - 1)} rel="prev">
          ← Previous
        </Link>
      )}
      {items.map((p, i) => (
        <span key={p} className="flex items-center">
          {i > 0 && items[i - 1] !== p - 1 && <span className="subtle px-1">…</span>}
          <Link
            className={`btn btn-sm ${p === page ? "btn-primary" : ""}`}
            href={hrefFor(p)}
            aria-current={p === page ? "page" : undefined}
          >
            {p}
          </Link>
        </span>
      ))}
      {page < pages && (
        <Link className="btn btn-sm" href={hrefFor(page + 1)} rel="next">
          Next →
        </Link>
      )}
    </nav>
  );
}