Pagination

1import {
2  Pagination,
3  PaginationContent,
4  PaginationEllipsis,
5  PaginationItem,
6  PaginationLink,
7  PaginationNext,
8  PaginationPrevious,
9} from "passport-ui";

1<Pagination>
2  <PaginationContent>
3    <PaginationItem>
4      <PaginationPrevious href="#">
5        <span>Previous</span>
6      </PaginationPrevious>
7    </PaginationItem>
8    <PaginationItem>
9      <PaginationLink href="#">1</PaginationLink>
10    </PaginationItem>
11    <PaginationItem>
12      <PaginationLink href="#" isActive>2</PaginationLink>
13    </PaginationItem>
14    <PaginationItem>
15      <PaginationLink href="#">3</PaginationLink>
16    </PaginationItem>
17    <PaginationItem>
18      <PaginationEllipsis />
19    </PaginationItem>
20    <PaginationItem>
21      <PaginationNext href="#">
22        <span>Next</span>
23      </PaginationNext>
24    </PaginationItem>
25  </PaginationContent>
26</Pagination>