1 | import * as React from 'react';
|
2 | import { StandardProps } from '..';
|
3 | import { ModalProps } from '../Modal';
|
4 | import { SlideProps } from '../Slide';
|
5 | import { PaperProps } from '../Paper';
|
6 | import { Theme } from '../styles/createTheme';
|
7 | import { TransitionHandlerProps, TransitionProps } from '../transitions/transition';
|
8 |
|
9 | export interface DrawerProps
|
10 | extends StandardProps<
|
11 | ModalProps & Partial<TransitionHandlerProps>,
|
12 | DrawerClassKey,
|
13 | 'open' | 'children'
|
14 | > {
|
15 | |
16 |
|
17 |
|
18 | anchor?: 'left' | 'top' | 'right' | 'bottom';
|
19 | |
20 |
|
21 |
|
22 | children?: React.ReactNode;
|
23 | |
24 |
|
25 |
|
26 | elevation?: number;
|
27 | |
28 |
|
29 |
|
30 | ModalProps?: Partial<ModalProps>;
|
31 | |
32 |
|
33 |
|
34 |
|
35 |
|
36 | onClose?: ModalProps['onClose'];
|
37 | |
38 |
|
39 |
|
40 | open?: boolean;
|
41 | |
42 |
|
43 |
|
44 | PaperProps?: Partial<PaperProps>;
|
45 | |
46 |
|
47 |
|
48 | SlideProps?: Partial<SlideProps>;
|
49 | |
50 |
|
51 |
|
52 |
|
53 | transitionDuration?: TransitionProps['timeout'];
|
54 | |
55 |
|
56 |
|
57 | variant?: 'permanent' | 'persistent' | 'temporary';
|
58 | }
|
59 |
|
60 | export type DrawerClassKey =
|
61 | | 'root'
|
62 | | 'docked'
|
63 | | 'paper'
|
64 | | 'paperAnchorLeft'
|
65 | | 'paperAnchorRight'
|
66 | | 'paperAnchorTop'
|
67 | | 'paperAnchorBottom'
|
68 | | 'paperAnchorDockedLeft'
|
69 | | 'paperAnchorDockedTop'
|
70 | | 'paperAnchorDockedRight'
|
71 | | 'paperAnchorDockedBottom'
|
72 | | 'modal';
|
73 |
|
74 |
|
75 |
|
76 |
|
77 |
|
78 |
|
79 |
|
80 |
|
81 |
|
82 |
|
83 |
|
84 |
|
85 | export default function Drawer(props: DrawerProps): JSX.Element;
|