1 | import * as React from 'react';
|
2 | import {
|
3 | borders,
|
4 | ComposedStyleFunction,
|
5 | display,
|
6 | flexbox,
|
7 | grid,
|
8 | palette,
|
9 | positions,
|
10 | shadows,
|
11 | sizing,
|
12 | spacing,
|
13 | typography,
|
14 | PropsFor,
|
15 | } from '@material-ui/system';
|
16 | import { Omit } from '..';
|
17 |
|
18 | type BoxStyleFunction = ComposedStyleFunction<
|
19 | [
|
20 | typeof borders,
|
21 | typeof display,
|
22 | typeof flexbox,
|
23 | typeof grid,
|
24 | typeof palette,
|
25 | typeof positions,
|
26 | typeof shadows,
|
27 | typeof sizing,
|
28 | typeof spacing,
|
29 | typeof typography
|
30 | ]
|
31 | >;
|
32 |
|
33 | type SystemProps = PropsFor<BoxStyleFunction>;
|
34 | type ElementProps = Omit<React.HTMLAttributes<HTMLElement>, keyof SystemProps>;
|
35 |
|
36 | export interface BoxProps extends ElementProps, SystemProps {
|
37 |
|
38 | component?: React.ElementType;
|
39 | clone?: boolean;
|
40 |
|
41 | css?: SystemProps;
|
42 | }
|
43 |
|
44 | declare const Box: React.ComponentType<BoxProps>;
|
45 |
|
46 | export default Box;
|