All files / src/common/components/pagination Pagination.stories.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react'
import PaginationComponent from './Pagination'
import { action } from '@storybook/addon-actions'
import { BADGE } from '@geometricpanda/storybook-addon-badges'
import { addDefaults, addArgTypes } from 'common/utils/storybookMode'
 
const defaultProps = { onPageChange: action('onClickCallToAction') }
 
const addTheme = addDefaults({
  defaultProps,
  figmaURL: 'https://www.figma.com/file/pFx6z24OMgktLQL64aKYjG/Booksys?node-id=168%3A79',
})
 
export default {
  title: 'Components/Pagination',
  parameters: {
    badges: [BADGE.STABLE],
  },
  argTypes: addArgTypes({
    current: {
      defaultValue: 1,
      type: 'number',
    },
    total: {
      defaultValue: 10,
      type: 'number',
    },
  }),
}
 
export const Pagination = addTheme((props) => <PaginationComponent {...props} />)