UNPKG

27.2 kBTypeScriptView Raw
1import * as React from 'react';
2import { View, ViewStyle, StyleProp, Animated } from 'react-native';
3import Surface from './Surface';
4import Button from './Button';
5import { IconSource } from './Icon';
6import type { $RemoveChildren } from '../types';
7declare type Props = $RemoveChildren<typeof Surface> & {
8 /**
9 * Whether banner is currently visible.
10 */
11 visible: boolean;
12 /**
13 * Content that will be displayed inside banner.
14 */
15 children: string;
16 /**
17 * Icon to display for the `Banner`. Can be an image.
18 */
19 icon?: IconSource;
20 /**
21 * Action items to shown in the banner.
22 * An action item should contain the following properties:
23 *
24 * - `label`: label of the action button (required)
25 * - `onPress`: callback that is called when button is pressed (required)
26 *
27 * To customize button you can pass other props that button component takes.
28 */
29 actions: Array<{
30 label: string;
31 } & Omit<React.ComponentProps<typeof Button>, 'children'>>;
32 /**
33 * Style of banner's inner content.
34 * Use this prop to apply custom width for wide layouts.
35 */
36 contentStyle?: StyleProp<ViewStyle>;
37 style?: StyleProp<ViewStyle>;
38 ref?: React.RefObject<View>;
39 /**
40 * @optional
41 */
42 theme: ReactNativePaper.Theme;
43 /**
44 * @optional
45 * Optional callback that will be called after the opening animation finished running normally
46 */
47 onShowAnimationFinished?: Animated.EndCallback;
48 /**
49 * @optional
50 * Optional callback that will be called after the closing animation finished running normally
51 */
52 onHideAnimationFinished?: Animated.EndCallback;
53};
54declare const _default: React.ComponentType<Pick<$RemoveChildren<React.ComponentType<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
55 children: React.ReactNode;
56 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
57 theme: ReactNativePaper.Theme;
58}, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
59 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
60}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").ViewProps & React.RefAttributes<View> & {
61 children: React.ReactNode;
62 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
63 theme: ReactNativePaper.Theme;
64}> & (({ style, theme, ...rest }: import("react-native").ViewProps & React.RefAttributes<View> & {
65 children: React.ReactNode;
66 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
67 theme: ReactNativePaper.Theme;
68}) => JSX.Element), {}>> & {
69 /**
70 * Whether banner is currently visible.
71 */
72 visible: boolean;
73 /**
74 * Content that will be displayed inside banner.
75 */
76 children: string;
77 /**
78 * Icon to display for the `Banner`. Can be an image.
79 */
80 icon?: IconSource | undefined;
81 /**
82 * Action items to shown in the banner.
83 * An action item should contain the following properties:
84 *
85 * - `label`: label of the action button (required)
86 * - `onPress`: callback that is called when button is pressed (required)
87 *
88 * To customize button you can pass other props that button component takes.
89 */
90 actions: ({
91 label: string;
92 } & Omit<((Pick<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
93 children: React.ReactNode;
94 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
95 theme: ReactNativePaper.Theme;
96 }, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
97 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
98 } & {
99 mode?: "text" | "outlined" | "contained" | undefined;
100 dark?: boolean | undefined;
101 compact?: boolean | undefined;
102 color?: string | undefined;
103 loading?: boolean | undefined;
104 icon?: IconSource | undefined;
105 disabled?: boolean | undefined;
106 children: React.ReactNode;
107 uppercase?: boolean | undefined;
108 accessibilityLabel?: string | undefined;
109 accessibilityHint?: string | undefined;
110 onPress?: (() => void) | undefined;
111 onLongPress?: (() => void) | undefined;
112 contentStyle?: StyleProp<ViewStyle>;
113 style?: StyleProp<ViewStyle>;
114 labelStyle?: StyleProp<import("react-native").TextStyle>;
115 theme: ReactNativePaper.Theme;
116 testID?: string | undefined;
117 }, "color" | "onPress" | "onLongPress" | "icon" | keyof import("react-native").ViewProps | "dark" | keyof React.RefAttributes<View> | "mode" | "uppercase" | "labelStyle" | "disabled" | "compact" | "loading" | "contentStyle"> | Pick<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
118 children: React.ReactNode;
119 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
120 theme: ReactNativePaper.Theme;
121 }, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
122 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
123 } & {
124 children?: React.ReactNode;
125 } & {
126 mode?: "text" | "outlined" | "contained" | undefined;
127 dark?: boolean | undefined;
128 compact?: boolean | undefined;
129 color?: string | undefined;
130 loading?: boolean | undefined;
131 icon?: IconSource | undefined;
132 disabled?: boolean | undefined;
133 children: React.ReactNode;
134 uppercase?: boolean | undefined;
135 accessibilityLabel?: string | undefined;
136 accessibilityHint?: string | undefined;
137 onPress?: (() => void) | undefined;
138 onLongPress?: (() => void) | undefined;
139 contentStyle?: StyleProp<ViewStyle>;
140 style?: StyleProp<ViewStyle>;
141 labelStyle?: StyleProp<import("react-native").TextStyle>;
142 theme: ReactNativePaper.Theme;
143 testID?: string | undefined;
144 }, "color" | "onPress" | "onLongPress" | "icon" | keyof import("react-native").ViewProps | "dark" | keyof React.RefAttributes<View> | "mode" | "uppercase" | "labelStyle" | "disabled" | "compact" | "loading" | "contentStyle">) & {
145 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
146 }) | React.PropsWithChildren<(Pick<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
147 children: React.ReactNode;
148 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
149 theme: ReactNativePaper.Theme;
150 }, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
151 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
152 } & {
153 mode?: "text" | "outlined" | "contained" | undefined;
154 dark?: boolean | undefined;
155 compact?: boolean | undefined;
156 color?: string | undefined;
157 loading?: boolean | undefined;
158 icon?: IconSource | undefined;
159 disabled?: boolean | undefined;
160 children: React.ReactNode;
161 uppercase?: boolean | undefined;
162 accessibilityLabel?: string | undefined;
163 accessibilityHint?: string | undefined;
164 onPress?: (() => void) | undefined;
165 onLongPress?: (() => void) | undefined;
166 contentStyle?: StyleProp<ViewStyle>;
167 style?: StyleProp<ViewStyle>;
168 labelStyle?: StyleProp<import("react-native").TextStyle>;
169 theme: ReactNativePaper.Theme;
170 testID?: string | undefined;
171 }, "color" | "onPress" | "onLongPress" | "icon" | keyof import("react-native").ViewProps | "dark" | keyof React.RefAttributes<View> | "mode" | "uppercase" | "labelStyle" | "disabled" | "compact" | "loading" | "contentStyle"> | Pick<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
172 children: React.ReactNode;
173 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
174 theme: ReactNativePaper.Theme;
175 }, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
176 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
177 } & {
178 children?: React.ReactNode;
179 } & {
180 mode?: "text" | "outlined" | "contained" | undefined;
181 dark?: boolean | undefined;
182 compact?: boolean | undefined;
183 color?: string | undefined;
184 loading?: boolean | undefined;
185 icon?: IconSource | undefined;
186 disabled?: boolean | undefined;
187 children: React.ReactNode;
188 uppercase?: boolean | undefined;
189 accessibilityLabel?: string | undefined;
190 accessibilityHint?: string | undefined;
191 onPress?: (() => void) | undefined;
192 onLongPress?: (() => void) | undefined;
193 contentStyle?: StyleProp<ViewStyle>;
194 style?: StyleProp<ViewStyle>;
195 labelStyle?: StyleProp<import("react-native").TextStyle>;
196 theme: ReactNativePaper.Theme;
197 testID?: string | undefined;
198 }, "color" | "onPress" | "onLongPress" | "icon" | keyof import("react-native").ViewProps | "dark" | keyof React.RefAttributes<View> | "mode" | "uppercase" | "labelStyle" | "disabled" | "compact" | "loading" | "contentStyle">) & {
199 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
200 }>, "children">)[];
201 /**
202 * Style of banner's inner content.
203 * Use this prop to apply custom width for wide layouts.
204 */
205 contentStyle?: StyleProp<ViewStyle>;
206 style?: StyleProp<ViewStyle>;
207 ref?: React.RefObject<View> | undefined;
208 /**
209 * @optional
210 */
211 theme: ReactNativePaper.Theme;
212 /**
213 * @optional
214 * Optional callback that will be called after the opening animation finished running normally
215 */
216 onShowAnimationFinished?: Animated.EndCallback | undefined;
217 /**
218 * @optional
219 * Optional callback that will be called after the closing animation finished running normally
220 */
221 onHideAnimationFinished?: Animated.EndCallback | undefined;
222}, "style" | "children" | "pointerEvents" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "icon" | "visible" | "ref" | "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" | "contentStyle" | "actions" | "onShowAnimationFinished" | "onHideAnimationFinished"> & {
223 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
224}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<$RemoveChildren<React.ComponentType<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
225 children: React.ReactNode;
226 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
227 theme: ReactNativePaper.Theme;
228}, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
229 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
230}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<import("react-native").ViewProps & React.RefAttributes<View> & {
231 children: React.ReactNode;
232 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
233 theme: ReactNativePaper.Theme;
234}> & (({ style, theme, ...rest }: import("react-native").ViewProps & React.RefAttributes<View> & {
235 children: React.ReactNode;
236 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
237 theme: ReactNativePaper.Theme;
238}) => JSX.Element), {}>> & {
239 /**
240 * Whether banner is currently visible.
241 */
242 visible: boolean;
243 /**
244 * Content that will be displayed inside banner.
245 */
246 children: string;
247 /**
248 * Icon to display for the `Banner`. Can be an image.
249 */
250 icon?: IconSource | undefined;
251 /**
252 * Action items to shown in the banner.
253 * An action item should contain the following properties:
254 *
255 * - `label`: label of the action button (required)
256 * - `onPress`: callback that is called when button is pressed (required)
257 *
258 * To customize button you can pass other props that button component takes.
259 */
260 actions: ({
261 label: string;
262 } & Omit<((Pick<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
263 children: React.ReactNode;
264 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
265 theme: ReactNativePaper.Theme;
266 }, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
267 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
268 } & {
269 mode?: "text" | "outlined" | "contained" | undefined;
270 dark?: boolean | undefined;
271 compact?: boolean | undefined;
272 color?: string | undefined;
273 loading?: boolean | undefined;
274 icon?: IconSource | undefined;
275 disabled?: boolean | undefined;
276 children: React.ReactNode;
277 uppercase?: boolean | undefined;
278 accessibilityLabel?: string | undefined;
279 accessibilityHint?: string | undefined;
280 onPress?: (() => void) | undefined;
281 onLongPress?: (() => void) | undefined;
282 contentStyle?: StyleProp<ViewStyle>;
283 style?: StyleProp<ViewStyle>;
284 labelStyle?: StyleProp<import("react-native").TextStyle>;
285 theme: ReactNativePaper.Theme;
286 testID?: string | undefined;
287 }, "color" | "onPress" | "onLongPress" | "icon" | keyof import("react-native").ViewProps | "dark" | keyof React.RefAttributes<View> | "mode" | "uppercase" | "labelStyle" | "disabled" | "compact" | "loading" | "contentStyle"> | Pick<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
288 children: React.ReactNode;
289 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
290 theme: ReactNativePaper.Theme;
291 }, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
292 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
293 } & {
294 children?: React.ReactNode;
295 } & {
296 mode?: "text" | "outlined" | "contained" | undefined;
297 dark?: boolean | undefined;
298 compact?: boolean | undefined;
299 color?: string | undefined;
300 loading?: boolean | undefined;
301 icon?: IconSource | undefined;
302 disabled?: boolean | undefined;
303 children: React.ReactNode;
304 uppercase?: boolean | undefined;
305 accessibilityLabel?: string | undefined;
306 accessibilityHint?: string | undefined;
307 onPress?: (() => void) | undefined;
308 onLongPress?: (() => void) | undefined;
309 contentStyle?: StyleProp<ViewStyle>;
310 style?: StyleProp<ViewStyle>;
311 labelStyle?: StyleProp<import("react-native").TextStyle>;
312 theme: ReactNativePaper.Theme;
313 testID?: string | undefined;
314 }, "color" | "onPress" | "onLongPress" | "icon" | keyof import("react-native").ViewProps | "dark" | keyof React.RefAttributes<View> | "mode" | "uppercase" | "labelStyle" | "disabled" | "compact" | "loading" | "contentStyle">) & {
315 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
316 }) | React.PropsWithChildren<(Pick<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
317 children: React.ReactNode;
318 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
319 theme: ReactNativePaper.Theme;
320 }, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
321 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
322 } & {
323 mode?: "text" | "outlined" | "contained" | undefined;
324 dark?: boolean | undefined;
325 compact?: boolean | undefined;
326 color?: string | undefined;
327 loading?: boolean | undefined;
328 icon?: IconSource | undefined;
329 disabled?: boolean | undefined;
330 children: React.ReactNode;
331 uppercase?: boolean | undefined;
332 accessibilityLabel?: string | undefined;
333 accessibilityHint?: string | undefined;
334 onPress?: (() => void) | undefined;
335 onLongPress?: (() => void) | undefined;
336 contentStyle?: StyleProp<ViewStyle>;
337 style?: StyleProp<ViewStyle>;
338 labelStyle?: StyleProp<import("react-native").TextStyle>;
339 theme: ReactNativePaper.Theme;
340 testID?: string | undefined;
341 }, "color" | "onPress" | "onLongPress" | "icon" | keyof import("react-native").ViewProps | "dark" | keyof React.RefAttributes<View> | "mode" | "uppercase" | "labelStyle" | "disabled" | "compact" | "loading" | "contentStyle"> | Pick<Pick<import("react-native").ViewProps & React.RefAttributes<View> & {
342 children: React.ReactNode;
343 style?: false | import("react-native").RegisteredStyle<ViewStyle> | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject<ViewStyle> | Animated.WithAnimatedArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle> | import("react-native").RecursiveArray<ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<ViewStyle>)[]> | null | undefined;
344 theme: ReactNativePaper.Theme;
345 }, keyof import("react-native").ViewProps | keyof React.RefAttributes<View>> & {
346 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
347 } & {
348 children?: React.ReactNode;
349 } & {
350 mode?: "text" | "outlined" | "contained" | undefined;
351 dark?: boolean | undefined;
352 compact?: boolean | undefined;
353 color?: string | undefined;
354 loading?: boolean | undefined;
355 icon?: IconSource | undefined;
356 disabled?: boolean | undefined;
357 children: React.ReactNode;
358 uppercase?: boolean | undefined;
359 accessibilityLabel?: string | undefined;
360 accessibilityHint?: string | undefined;
361 onPress?: (() => void) | undefined;
362 onLongPress?: (() => void) | undefined;
363 contentStyle?: StyleProp<ViewStyle>;
364 style?: StyleProp<ViewStyle>;
365 labelStyle?: StyleProp<import("react-native").TextStyle>;
366 theme: ReactNativePaper.Theme;
367 testID?: string | undefined;
368 }, "color" | "onPress" | "onLongPress" | "icon" | keyof import("react-native").ViewProps | "dark" | keyof React.RefAttributes<View> | "mode" | "uppercase" | "labelStyle" | "disabled" | "compact" | "loading" | "contentStyle">) & {
369 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
370 }>, "children">)[];
371 /**
372 * Style of banner's inner content.
373 * Use this prop to apply custom width for wide layouts.
374 */
375 contentStyle?: StyleProp<ViewStyle>;
376 style?: StyleProp<ViewStyle>;
377 ref?: React.RefObject<View> | undefined;
378 /**
379 * @optional
380 */
381 theme: ReactNativePaper.Theme;
382 /**
383 * @optional
384 * Optional callback that will be called after the opening animation finished running normally
385 */
386 onShowAnimationFinished?: Animated.EndCallback | undefined;
387 /**
388 * @optional
389 * Optional callback that will be called after the closing animation finished running normally
390 */
391 onHideAnimationFinished?: Animated.EndCallback | undefined;
392}> & (({ visible, icon, children, actions, contentStyle, style, theme, onShowAnimationFinished, onHideAnimationFinished, ...rest }: Props) => JSX.Element), {}>;
393export default _default;
394
\No newline at end of file