UNPKG

200 kBTypeScriptView Raw
1import * as React from 'react';
2import { StyleProp, Animated, View, ViewStyle } from 'react-native';
3declare type OutlinedCardProps = {
4 mode: 'outlined';
5 elevation?: never;
6};
7declare type ElevatedCardProps = {
8 mode?: 'elevated';
9 elevation?: number;
10};
11declare const _default: (React.ComponentClass<Pick<(OutlinedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
12 children: React.ReactNode;
13 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
14 theme: ReactNativePaper.Theme;
15}, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
16 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
17} & {
18 /**
19 * Resting elevation of the card which controls the drop shadow.
20 */
21 elevation?: number | undefined;
22 /**
23 * Function to execute on long press.
24 */
25 onLongPress?: (() => void) | undefined;
26 /**
27 * Function to execute on press.
28 */
29 onPress?: (() => void) | undefined;
30 /**
31 * Mode of the Card.
32 * - `elevated` - Card with elevation.
33 * - `outlined` - Card with an outline.
34 */
35 mode?: "outlined" | "elevated" | undefined;
36 /**
37 * Content of the `Card`.
38 */
39 children: React.ReactNode;
40 style?: StyleProp<ViewStyle>;
41 /**
42 * @optional
43 */
44 theme: ReactNativePaper.Theme;
45 /**
46 * Pass down testID from card props to touchable
47 */
48 testID?: string | undefined;
49 /**
50 * Pass down accessible from card props to touchable
51 */
52 accessible?: boolean | undefined;
53}) | (OutlinedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
54 children: React.ReactNode;
55 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
56 theme: ReactNativePaper.Theme;
57}, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
58 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
59} & {
60 children?: React.ReactNode;
61} & {
62 /**
63 * Resting elevation of the card which controls the drop shadow.
64 */
65 elevation?: number | undefined;
66 /**
67 * Function to execute on long press.
68 */
69 onLongPress?: (() => void) | undefined;
70 /**
71 * Function to execute on press.
72 */
73 onPress?: (() => void) | undefined;
74 /**
75 * Mode of the Card.
76 * - `elevated` - Card with elevation.
77 * - `outlined` - Card with an outline.
78 */
79 mode?: "outlined" | "elevated" | undefined;
80 /**
81 * Content of the `Card`.
82 */
83 children: React.ReactNode;
84 style?: StyleProp<ViewStyle>;
85 /**
86 * @optional
87 */
88 theme: ReactNativePaper.Theme;
89 /**
90 * Pass down testID from card props to touchable
91 */
92 testID?: string | undefined;
93 /**
94 * Pass down accessible from card props to touchable
95 */
96 accessible?: boolean | undefined;
97}) | (ElevatedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
98 children: React.ReactNode;
99 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
100 theme: ReactNativePaper.Theme;
101}, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
102 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
103} & {
104 /**
105 * Resting elevation of the card which controls the drop shadow.
106 */
107 elevation?: number | undefined;
108 /**
109 * Function to execute on long press.
110 */
111 onLongPress?: (() => void) | undefined;
112 /**
113 * Function to execute on press.
114 */
115 onPress?: (() => void) | undefined;
116 /**
117 * Mode of the Card.
118 * - `elevated` - Card with elevation.
119 * - `outlined` - Card with an outline.
120 */
121 mode?: "outlined" | "elevated" | undefined;
122 /**
123 * Content of the `Card`.
124 */
125 children: React.ReactNode;
126 style?: StyleProp<ViewStyle>;
127 /**
128 * @optional
129 */
130 theme: ReactNativePaper.Theme;
131 /**
132 * Pass down testID from card props to touchable
133 */
134 testID?: string | undefined;
135 /**
136 * Pass down accessible from card props to touchable
137 */
138 accessible?: boolean | undefined;
139}) | (ElevatedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
140 children: React.ReactNode;
141 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
142 theme: ReactNativePaper.Theme;
143}, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
144 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
145} & {
146 children?: React.ReactNode;
147} & {
148 /**
149 * Resting elevation of the card which controls the drop shadow.
150 */
151 elevation?: number | undefined;
152 /**
153 * Function to execute on long press.
154 */
155 onLongPress?: (() => void) | undefined;
156 /**
157 * Function to execute on press.
158 */
159 onPress?: (() => void) | undefined;
160 /**
161 * Mode of the Card.
162 * - `elevated` - Card with elevation.
163 * - `outlined` - Card with an outline.
164 */
165 mode?: "outlined" | "elevated" | undefined;
166 /**
167 * Content of the `Card`.
168 */
169 children: React.ReactNode;
170 style?: StyleProp<ViewStyle>;
171 /**
172 * @optional
173 */
174 theme: ReactNativePaper.Theme;
175 /**
176 * Pass down testID from card props to touchable
177 */
178 testID?: string | undefined;
179 /**
180 * Pass down accessible from card props to touchable
181 */
182 accessible?: boolean | undefined;
183}), "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "elevation" | "mode"> & {
184 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
185}, any> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<(React.ComponentClass<(OutlinedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
186 children: React.ReactNode;
187 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
188 theme: ReactNativePaper.Theme;
189}, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
190 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
191} & {
192 /**
193 * Resting elevation of the card which controls the drop shadow.
194 */
195 elevation?: number | undefined;
196 /**
197 * Function to execute on long press.
198 */
199 onLongPress?: (() => void) | undefined;
200 /**
201 * Function to execute on press.
202 */
203 onPress?: (() => void) | undefined;
204 /**
205 * Mode of the Card.
206 * - `elevated` - Card with elevation.
207 * - `outlined` - Card with an outline.
208 */
209 mode?: "outlined" | "elevated" | undefined;
210 /**
211 * Content of the `Card`.
212 */
213 children: React.ReactNode;
214 style?: StyleProp<ViewStyle>;
215 /**
216 * @optional
217 */
218 theme: ReactNativePaper.Theme;
219 /**
220 * Pass down testID from card props to touchable
221 */
222 testID?: string | undefined;
223 /**
224 * Pass down accessible from card props to touchable
225 */
226 accessible?: boolean | undefined;
227}) | (OutlinedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
228 children: React.ReactNode;
229 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
230 theme: ReactNativePaper.Theme;
231}, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
232 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
233} & {
234 children?: React.ReactNode;
235} & {
236 /**
237 * Resting elevation of the card which controls the drop shadow.
238 */
239 elevation?: number | undefined;
240 /**
241 * Function to execute on long press.
242 */
243 onLongPress?: (() => void) | undefined;
244 /**
245 * Function to execute on press.
246 */
247 onPress?: (() => void) | undefined;
248 /**
249 * Mode of the Card.
250 * - `elevated` - Card with elevation.
251 * - `outlined` - Card with an outline.
252 */
253 mode?: "outlined" | "elevated" | undefined;
254 /**
255 * Content of the `Card`.
256 */
257 children: React.ReactNode;
258 style?: StyleProp<ViewStyle>;
259 /**
260 * @optional
261 */
262 theme: ReactNativePaper.Theme;
263 /**
264 * Pass down testID from card props to touchable
265 */
266 testID?: string | undefined;
267 /**
268 * Pass down accessible from card props to touchable
269 */
270 accessible?: boolean | undefined;
271}) | (ElevatedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
272 children: React.ReactNode;
273 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
274 theme: ReactNativePaper.Theme;
275}, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
276 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
277} & {
278 /**
279 * Resting elevation of the card which controls the drop shadow.
280 */
281 elevation?: number | undefined;
282 /**
283 * Function to execute on long press.
284 */
285 onLongPress?: (() => void) | undefined;
286 /**
287 * Function to execute on press.
288 */
289 onPress?: (() => void) | undefined;
290 /**
291 * Mode of the Card.
292 * - `elevated` - Card with elevation.
293 * - `outlined` - Card with an outline.
294 */
295 mode?: "outlined" | "elevated" | undefined;
296 /**
297 * Content of the `Card`.
298 */
299 children: React.ReactNode;
300 style?: StyleProp<ViewStyle>;
301 /**
302 * @optional
303 */
304 theme: ReactNativePaper.Theme;
305 /**
306 * Pass down testID from card props to touchable
307 */
308 testID?: string | undefined;
309 /**
310 * Pass down accessible from card props to touchable
311 */
312 accessible?: boolean | undefined;
313}) | (ElevatedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
314 children: React.ReactNode;
315 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
316 theme: ReactNativePaper.Theme;
317}, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
318 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
319} & {
320 children?: React.ReactNode;
321} & {
322 /**
323 * Resting elevation of the card which controls the drop shadow.
324 */
325 elevation?: number | undefined;
326 /**
327 * Function to execute on long press.
328 */
329 onLongPress?: (() => void) | undefined;
330 /**
331 * Function to execute on press.
332 */
333 onPress?: (() => void) | undefined;
334 /**
335 * Mode of the Card.
336 * - `elevated` - Card with elevation.
337 * - `outlined` - Card with an outline.
338 */
339 mode?: "outlined" | "elevated" | undefined;
340 /**
341 * Content of the `Card`.
342 */
343 children: React.ReactNode;
344 style?: StyleProp<ViewStyle>;
345 /**
346 * @optional
347 */
348 theme: ReactNativePaper.Theme;
349 /**
350 * Pass down testID from card props to touchable
351 */
352 testID?: string | undefined;
353 /**
354 * Pass down accessible from card props to touchable
355 */
356 accessible?: boolean | undefined;
357}), any> & {
358 ({ elevation: cardElevation, onLongPress, onPress, mode: cardMode, children, style, theme, testID, accessible, ...rest }: (OutlinedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
359 children: React.ReactNode;
360 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
361 theme: ReactNativePaper.Theme;
362 }, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
363 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
364 } & {
365 /**
366 * Resting elevation of the card which controls the drop shadow.
367 */
368 elevation?: number | undefined;
369 /**
370 * Function to execute on long press.
371 */
372 onLongPress?: (() => void) | undefined;
373 /**
374 * Function to execute on press.
375 */
376 onPress?: (() => void) | undefined;
377 /**
378 * Mode of the Card.
379 * - `elevated` - Card with elevation.
380 * - `outlined` - Card with an outline.
381 */
382 mode?: "outlined" | "elevated" | undefined;
383 /**
384 * Content of the `Card`.
385 */
386 children: React.ReactNode;
387 style?: StyleProp<ViewStyle>;
388 /**
389 * @optional
390 */
391 theme: ReactNativePaper.Theme;
392 /**
393 * Pass down testID from card props to touchable
394 */
395 testID?: string | undefined;
396 /**
397 * Pass down accessible from card props to touchable
398 */
399 accessible?: boolean | undefined;
400 }) | (OutlinedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
401 children: React.ReactNode;
402 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
403 theme: ReactNativePaper.Theme;
404 }, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
405 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
406 } & {
407 children?: React.ReactNode;
408 } & {
409 /**
410 * Resting elevation of the card which controls the drop shadow.
411 */
412 elevation?: number | undefined;
413 /**
414 * Function to execute on long press.
415 */
416 onLongPress?: (() => void) | undefined;
417 /**
418 * Function to execute on press.
419 */
420 onPress?: (() => void) | undefined;
421 /**
422 * Mode of the Card.
423 * - `elevated` - Card with elevation.
424 * - `outlined` - Card with an outline.
425 */
426 mode?: "outlined" | "elevated" | undefined;
427 /**
428 * Content of the `Card`.
429 */
430 children: React.ReactNode;
431 style?: StyleProp<ViewStyle>;
432 /**
433 * @optional
434 */
435 theme: ReactNativePaper.Theme;
436 /**
437 * Pass down testID from card props to touchable
438 */
439 testID?: string | undefined;
440 /**
441 * Pass down accessible from card props to touchable
442 */
443 accessible?: boolean | undefined;
444 }) | (ElevatedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
445 children: React.ReactNode;
446 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
447 theme: ReactNativePaper.Theme;
448 }, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
449 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
450 } & {
451 /**
452 * Resting elevation of the card which controls the drop shadow.
453 */
454 elevation?: number | undefined;
455 /**
456 * Function to execute on long press.
457 */
458 onLongPress?: (() => void) | undefined;
459 /**
460 * Function to execute on press.
461 */
462 onPress?: (() => void) | undefined;
463 /**
464 * Mode of the Card.
465 * - `elevated` - Card with elevation.
466 * - `outlined` - Card with an outline.
467 */
468 mode?: "outlined" | "elevated" | undefined;
469 /**
470 * Content of the `Card`.
471 */
472 children: React.ReactNode;
473 style?: StyleProp<ViewStyle>;
474 /**
475 * @optional
476 */
477 theme: ReactNativePaper.Theme;
478 /**
479 * Pass down testID from card props to touchable
480 */
481 testID?: string | undefined;
482 /**
483 * Pass down accessible from card props to touchable
484 */
485 accessible?: boolean | undefined;
486 }) | (ElevatedCardProps & Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
487 children: React.ReactNode;
488 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined> | readonly (false | ViewStyle | import("react-native").RegisteredStyle<ViewStyle> | null | undefined)[] | null | undefined> | null | undefined;
489 theme: ReactNativePaper.Theme;
490 }, "ref" | "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture"> & {
491 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
492 } & {
493 children?: React.ReactNode;
494 } & {
495 /**
496 * Resting elevation of the card which controls the drop shadow.
497 */
498 elevation?: number | undefined;
499 /**
500 * Function to execute on long press.
501 */
502 onLongPress?: (() => void) | undefined;
503 /**
504 * Function to execute on press.
505 */
506 onPress?: (() => void) | undefined;
507 /**
508 * Mode of the Card.
509 * - `elevated` - Card with elevation.
510 * - `outlined` - Card with an outline.
511 */
512 mode?: "outlined" | "elevated" | undefined;
513 /**
514 * Content of the `Card`.
515 */
516 children: React.ReactNode;
517 style?: StyleProp<ViewStyle>;
518 /**
519 * @optional
520 */
521 theme: ReactNativePaper.Theme;
522 /**
523 * Pass down testID from card props to touchable
524 */
525 testID?: string | undefined;
526 /**
527 * Pass down accessible from card props to touchable
528 */
529 accessible?: boolean | undefined;
530 })): JSX.Element;
531 Content: {
532 ({ index, total, siblings, style, ...rest }: import("react-native").ViewProps & React.RefAttributes<View> & {
533 children: React.ReactNode;
534 index?: number | undefined;
535 total?: number | undefined;
536 siblings?: string[] | undefined;
537 style?: StyleProp<ViewStyle>;
538 }): JSX.Element;
539 displayName: string;
540 };
541 Actions: {
542 (props: import("react-native").ViewProps & React.RefAttributes<View> & {
543 children: React.ReactNode;
544 style?: StyleProp<ViewStyle>;
545 }): JSX.Element;
546 displayName: string;
547 };
548 Cover: (React.ComponentClass<Pick<import("react-native").ImageProps & React.RefAttributes<import("react-native").Image> & {
549 index?: number | undefined;
550 total?: number | undefined;
551 style?: StyleProp<ViewStyle>;
552 theme: ReactNativePaper.Theme;
553 }, "ref" | "source" | "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "resizeMode" | "resizeMethod" | "loadingIndicatorSource" | "defaultSource" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration" | "width" | "height" | "index" | "total"> & {
554 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
555 }, any> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<(React.ComponentClass<import("react-native").ImageProps & React.RefAttributes<import("react-native").Image> & {
556 index?: number | undefined;
557 total?: number | undefined;
558 style?: StyleProp<ViewStyle>;
559 theme: ReactNativePaper.Theme;
560 }, any> & {
561 ({ index, total, style, theme, ...rest }: import("react-native").ImageProps & React.RefAttributes<import("react-native").Image> & {
562 index?: number | undefined;
563 total?: number | undefined;
564 style?: StyleProp<ViewStyle>;
565 theme: ReactNativePaper.Theme;
566 }): JSX.Element;
567 displayName: string;
568 }) | (React.FunctionComponent<import("react-native").ImageProps & React.RefAttributes<import("react-native").Image> & {
569 index?: number | undefined;
570 total?: number | undefined;
571 style?: StyleProp<ViewStyle>;
572 theme: ReactNativePaper.Theme;
573 }> & {
574 ({ index, total, style, theme, ...rest }: import("react-native").ImageProps & React.RefAttributes<import("react-native").Image> & {
575 index?: number | undefined;
576 total?: number | undefined;
577 style?: StyleProp<ViewStyle>;
578 theme: ReactNativePaper.Theme;
579 }): JSX.Element;
580 displayName: string;
581 }), {}>) | (React.FunctionComponent<Pick<import("react-native").ImageProps & React.RefAttributes<import("react-native").Image> & {
582 index?: number | undefined;
583 total?: number | undefined;
584