1 | import * as React from 'react';
|
2 | import { StandardProps } from '@material-ui/core';
|
3 | import { UsePaginationItem, UsePaginationProps } from './usePagination';
|
4 |
|
5 | export interface PaginationRenderItemParams extends UsePaginationItem {
|
6 | color: PaginationProps['color'];
|
7 | shape: PaginationProps['shape'];
|
8 | size: PaginationProps['size'];
|
9 | variant: PaginationProps['variant'];
|
10 | }
|
11 |
|
12 | export interface PaginationProps
|
13 | extends UsePaginationProps,
|
14 | StandardProps<React.HTMLAttributes<HTMLElement>, PaginationClassKey, 'children' | 'onChange'> {
|
15 | |
16 |
|
17 |
|
18 | color?: 'primary' | 'secondary' | 'standard';
|
19 | |
20 |
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 | getItemAriaLabel?: (
|
30 | type: 'page' | 'first' | 'last' | 'next' | 'previous',
|
31 | page: number,
|
32 | selected: boolean
|
33 | ) => string;
|
34 | |
35 |
|
36 |
|
37 |
|
38 |
|
39 |
|
40 | renderItem?: (params: PaginationRenderItemParams) => React.ReactNode;
|
41 | |
42 |
|
43 |
|
44 | shape?: 'round' | 'rounded';
|
45 | |
46 |
|
47 |
|
48 | size?: 'small' | 'medium' | 'large';
|
49 | |
50 |
|
51 |
|
52 | variant?: 'text' | 'outlined';
|
53 | }
|
54 |
|
55 | export type PaginationClassKey = 'root' | 'ul';
|
56 |
|
57 |
|
58 |
|
59 |
|
60 |
|
61 |
|
62 |
|
63 |
|
64 |
|
65 |
|
66 |
|
67 | export default function Pagination(props: PaginationProps): JSX.Element;
|