"use client";

import type { Meta } from "@/lib/api/types";

/** Previous / next controls driven by the server's pagination meta. Hidden when everything fits on one page. */
export default function Pager({ meta, onPage }: { meta: Meta | null; onPage: (page: number) => void }) {
  if (!meta || meta.last_page <= 1) return null;

  const current = meta.current_page;
  return (
    <nav className="lf-pager" aria-label="Pages">
      <button type="button" className="lf-chip" disabled={current <= 1} onClick={() => onPage(current - 1)}>
        Previous
      </button>
      <span className="lf-pager-status" aria-live="polite">
        Page {current} of {meta.last_page}
      </span>
      <button type="button" className="lf-chip" disabled={current >= meta.last_page} onClick={() => onPage(current + 1)}>
        Next
      </button>
    </nav>
  );
}