import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationSummary, pageRange } from "@/components/pagination";
export function PaginationUsage({ page, total }: { page: number; total: number }) { return ( <Pagination> <PaginationContent> <PaginationItem> <PaginationPrevious href={page > 1 ? `?page=${page - 1}` : undefined} /> </PaginationItem> {pageRange(page, total).map((p, index) => ( <PaginationItem key={index}> {p === "ellipsis" ? ( <PaginationEllipsis /> ) : ( <PaginationLink href={`?page=${p}`} isActive={p === page}> {p} </PaginationLink> )} </PaginationItem> ))} <PaginationItem> <PaginationSummary current={page} total={total} /> </PaginationItem> <PaginationItem> <PaginationNext href={page < total ? `?page=${page + 1}` : undefined} /> </PaginationItem> </PaginationContent> </Pagination> );}