1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
market/src/components/molecules/Pagination.stories.tsx
2020-05-07 09:03:30 +03:00

24 lines
517 B
TypeScript

import React from 'react'
import Pagination from './Pagination'
export default {
title: 'Molecules/Pagination'
}
const defaultProps = {
hrefBuilder: () => null as any,
onPageChange: () => null as any
}
export const Normal = () => (
<Pagination totalPages={20} currentPage={1} {...defaultProps} />
)
export const FewPages = () => (
<Pagination totalPages={3} currentPage={1} {...defaultProps} />
)
export const LotsOfPages = () => (
<Pagination totalPages={300} currentPage={1} {...defaultProps} />
)