import Link from "next/link";
export function Pagination({ page, pages, makeHref }: { page: number; pages: number; makeHref: (p: number) => string }) {
  if (pages <= 1) return null;
  const items = Array.from(new Set([1, page - 1, page, page + 1, pages].filter((p) => p >= 1 && p <= pages))).sort((a, b) => a - b);
  return (
    <nav aria-label="Pagination" className="mt-8 flex items-center justify-center gap-1">
      {page > 1 && <Link href={makeHref(page - 1)} className="btn-ghost h-9 px-3" rel="prev">Previous</Link>}
      {items.map((p, i) => (
        <span key={p} className="flex items-center">{i > 0 && items[i - 1] !== p - 1 && <span className="px-1 text-fg-3">…</span>}
          <Link href={makeHref(p)} aria-current={p === page ? "page" : undefined} className={`btn h-9 min-w-9 px-2 ${p === page ? "bg-accent text-accent-fg" : "btn-ghost"}`}>{p}</Link></span>
      ))}
      {page < pages && <Link href={makeHref(page + 1)} className="btn-ghost h-9 px-3" rel="next">Next</Link>}
    </nav>
  );
}