import React from 'react';
import {storiesOf} from '@storybook/react';
import {action} from '@storybook/addon-actions';
import {array, text} from '@storybook/addon-knobs';

import {Pagination} from '../../index';

export default storiesOf('Components | Pagination', module)
  .add('default', () => (
    <Pagination
      parentElementId="my-default-table"
      pageSizes={array('pageSizes', [10, 20, 50])}
      page={1}
      perPage={20}
      totalPages={5}
      nextPageHandler={(page) => action(page)}
      previousPageHandler={(page) => action(page)}
      setPageSize={(pageSize) => action(pageSize)}
      paginationAmount={text('paginationAmount', '1-20 of 100')}
      labelPerPage={text('labelPerPage', 'Rows per page:')}
    />
  ));