Pagination

import { Pagination } from "@fanvue/ui";
import type { PaginationProps, PaginationVariant } from "@fanvue/ui";

import { Pagination } from "@fanvue/ui";

<Pagination totalPages={5} currentPage={2} />

import { useState } from "react";
import { Pagination } from "@fanvue/ui";

function Example() {
  const [page, setPage] = useState(1);
  return <Pagination totalPages={20} currentPage={page} onPageChange={setPage} />;
}

import { Pagination } from "@fanvue/ui";

<Pagination totalPages={5} currentPage={1} />

import { useState } from "react";
import { Pagination } from "@fanvue/ui";

function Example() {
  const [page, setPage] = useState(1);
  return <Pagination
           variant="dots"
           totalPages={10}
           currentPage={page}
           onPageChange={setPage}
         />;
}

import { Pagination } from "@fanvue/ui";

<Pagination totalPages={5} currentPage={5} />