1 | import * as React from 'react';
|
2 | import { StyleProp, View, ViewStyle } from 'react-native';
|
3 | import type { $RemoveChildren, ThemeProp } from '../types';
|
4 | export type Props = $RemoveChildren<typeof View> & {
|
5 | /**
|
6 | * @renamed Renamed from 'inset' to 'leftInset` in v5.x
|
7 | * Whether divider has a left inset.
|
8 | */
|
9 | leftInset?: boolean;
|
10 | /**
|
11 | * @supported Available in v5.x with theme version 3
|
12 | * Whether divider has a horizontal inset on both sides.
|
13 | */
|
14 | horizontalInset?: boolean;
|
15 | /**
|
16 | * @supported Available in v5.x with theme version 3
|
17 | * Whether divider should be bolded.
|
18 | */
|
19 | bold?: boolean;
|
20 | style?: StyleProp<ViewStyle>;
|
21 | /**
|
22 | * @optional
|
23 | */
|
24 | theme?: ThemeProp;
|
25 | };
|
26 | /**
|
27 | * A divider is a thin, lightweight separator that groups content in lists and page layouts.
|
28 | *
|
29 | * ## Usage
|
30 | * ```js
|
31 | * import * as React from 'react';
|
32 | * import { View } from 'react-native';
|
33 | * import { Divider, Text } from 'react-native-paper';
|
34 | *
|
35 | * const MyComponent = () => (
|
36 | * <View>
|
37 | * <Text>Lemon</Text>
|
38 | * <Divider />
|
39 | * <Text>Mango</Text>
|
40 | * <Divider />
|
41 | * </View>
|
42 | * );
|
43 | *
|
44 | * export default MyComponent;
|
45 | * ```
|
46 | */
|
47 | declare const Divider: ({ leftInset, horizontalInset, style, theme: themeOverrides, bold, ...rest }: Props) => React.JSX.Element;
|
48 | export default Divider;
|
49 | //# sourceMappingURL=Divider.d.ts.map |
\ | No newline at end of file |