import React from 'react';
import Pagination from '.';
import { Stack } from '../Layout';
import usePagination from './usePagination';

export default {
  title: 'Components|Pagination',
  component: Pagination,
};

const Wrapper = () => {
  return (
    <Stack>
      <Pagination
        pagination={usePagination({
          data: Array.from({ length: 50 }),
        })}
      />
      <Pagination
        pagination={usePagination({
          data: Array.from({ length: 10 }),
        })}
      />
    </Stack>
  );
};

export const index = () => {
  return <Wrapper />;
};