import { Playground, Props } from "@slytrunk/docs";
import Pagination from "./Pagination";
import usePagination from "../../hooks/usePagination";

# Pagination

Pagination component

<Props of={Pagination} />

## Basic Usage

<Playground>
  {() => {
    const { currentPage, onPageChange } = usePagination();
    return (
      <Pagination
        count={100}
        selected={currentPage}
        onPageChange={onPageChange}
      />
    );
  }}
</Playground>