export interface PaginationInfo {
    page: number;
    totalPages: number;
    /** URL template — use `{page}` as placeholder, e.g. "/repo/issues?status=open&page={page}" */
    pageUrlTemplate: string;
}

export function Pagination({
    page,
    totalPages,
    pageUrlTemplate,
}: PaginationInfo) {
    if (totalPages <= 1) return null;

    const url = (p: number) => pageUrlTemplate.replace("{page}", String(p));

    return (
        <nav class="pagination" aria-label="Pagination">
            <div class="pagination-prev">
                {page > 1 && (
                    <a href={url(page - 1)} class="pagination-btn">
                        ← Previous
                    </a>
                )}
            </div>
            <span class="pagination-info">
                Page {page} of {totalPages}
            </span>
            <div class="pagination-next">
                {page < totalPages && (
                    <a href={url(page + 1)} class="pagination-btn">
                        Next →
                    </a>
                )}
            </div>
        </nav>
    );
}