import React from "react";
import { Pagination } from "../../";

export default (
  <div className="m-5">
    <Pagination itemCount={30} currentPageIndex={1} />
    <Pagination itemCount={30} disabled currentPageIndex={0} />
    <Pagination className="pagination-lg" itemCount={30} currentPageIndex={0} />
    <Pagination className="pagination-sm" itemCount={30} currentPageIndex={0} />
    <Pagination itemCount={100} currentPageIndex={0} />
    <Pagination itemCount={100} pageSize={10} currentPageIndex={0} />
    <Pagination itemCount={100} pageSize={10} adjacentShowCount={3} currentPageIndex={0} />
    <Pagination
      currentPageIndex={0}
      itemCount={100}
      backButtonProps={{ ariaLabel: "Back", children: <span>Back</span> }}
      forwardButtonProps={{ ariaLabel: "Next", children: <span>Next</span> }}
    />
  </div>
);
