UNPKG

18.6 kBTypeScriptView Raw
1/// <reference types="react" />
2declare const FAB: (import("react").ComponentType<Pick<import("../../types").$RemoveChildren<import("react").ComponentType<Pick<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View> & {
3 children: import("react").ReactNode;
4 style?: false | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").Animated.Value | import("react-native").Animated.AnimatedInterpolation | import("react-native").Animated.WithAnimatedObject<import("react-native").ViewStyle> | import("react-native").Animated.WithAnimatedArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | readonly (import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>)[]> | null | undefined;
5 theme: ReactNativePaper.Theme;
6}, keyof import("react-native").ViewProps | keyof import("react").RefAttributes<import("react-native").View>> & {
7 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
8}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View> & {
9 children: import("react").ReactNode;
10 style?: false | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").Animated.Value | import("react-native").Animated.AnimatedInterpolation | import("react-native").Animated.WithAnimatedObject<import("react-native").ViewStyle> | import("react-native").Animated.WithAnimatedArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | readonly (import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>)[]> | null | undefined;
11 theme: ReactNativePaper.Theme;
12}> & (({ style, theme, ...rest }: import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View> & {
13 children: import("react").ReactNode;
14 style?: false | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").Animated.Value | import("react-native").Animated.AnimatedInterpolation | import("react-native").Animated.WithAnimatedObject<import("react-native").ViewStyle> | import("react-native").Animated.WithAnimatedArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | readonly (import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>)[]> | null | undefined;
15 theme: ReactNativePaper.Theme;
16}) => JSX.Element), {}>> & {
17 icon: import("../Icon").IconSource;
18 label?: string | undefined;
19 uppercase?: boolean | undefined;
20 accessibilityLabel?: string | undefined;
21 accessibilityState?: import("react-native").AccessibilityState | undefined;
22 animated?: boolean | undefined;
23 small?: boolean | undefined;
24 color?: string | undefined;
25 disabled?: boolean | undefined;
26 visible?: boolean | undefined;
27 loading?: boolean | undefined;
28 onPress?: (() => void) | undefined;
29 onLongPress?: (() => void) | undefined;
30 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
31 theme: ReactNativePaper.Theme;
32 testID?: string | undefined;
33}, "label" | "small" | "style" | "pointerEvents" | "color" | "onLayout" | "onPress" | "onLongPress" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "icon" | "visible" | "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" | "uppercase" | "disabled" | "loading" | "animated"> & {
34 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
35}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("../../types").$RemoveChildren<import("react").ComponentType<Pick<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View> & {
36 children: import("react").ReactNode;
37 style?: false | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").Animated.Value | import("react-native").Animated.AnimatedInterpolation | import("react-native").Animated.WithAnimatedObject<import("react-native").ViewStyle> | import("react-native").Animated.WithAnimatedArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | readonly (import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>)[]> | null | undefined;
38 theme: ReactNativePaper.Theme;
39}, keyof import("react-native").ViewProps | keyof import("react").RefAttributes<import("react-native").View>> & {
40 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
41}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View> & {
42 children: import("react").ReactNode;
43 style?: false | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").Animated.Value | import("react-native").Animated.AnimatedInterpolation | import("react-native").Animated.WithAnimatedObject<import("react-native").ViewStyle> | import("react-native").Animated.WithAnimatedArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | readonly (import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>)[]> | null | undefined;
44 theme: ReactNativePaper.Theme;
45}> & (({ style, theme, ...rest }: import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View> & {
46 children: import("react").ReactNode;
47 style?: false | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").Animated.Value | import("react-native").Animated.AnimatedInterpolation | import("react-native").Animated.WithAnimatedObject<import("react-native").ViewStyle> | import("react-native").Animated.WithAnimatedArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | readonly (import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>)[]> | null | undefined;
48 theme: ReactNativePaper.Theme;
49}) => JSX.Element), {}>> & {
50 icon: import("../Icon").IconSource;
51 label?: string | undefined;
52 uppercase?: boolean | undefined;
53 accessibilityLabel?: string | undefined;
54 accessibilityState?: import("react-native").AccessibilityState | undefined;
55 animated?: boolean | undefined;
56 small?: boolean | undefined;
57 color?: string | undefined;
58 disabled?: boolean | undefined;
59 visible?: boolean | undefined;
60 loading?: boolean | undefined;
61 onPress?: (() => void) | undefined;
62 onLongPress?: (() => void) | undefined;
63 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
64 theme: ReactNativePaper.Theme;
65 testID?: string | undefined;
66}> & (({ small, icon, label, accessibilityLabel, accessibilityState, animated, color: customColor, disabled, onPress, onLongPress, theme, style, visible, uppercase, loading, testID, ...rest }: import("../../types").$RemoveChildren<import("react").ComponentType<Pick<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View> & {
67 children: import("react").ReactNode;
68 style?: false | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").Animated.Value | import("react-native").Animated.AnimatedInterpolation | import("react-native").Animated.WithAnimatedObject<import("react-native").ViewStyle> | import("react-native").Animated.WithAnimatedArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | readonly (import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>)[]> | null | undefined;
69 theme: ReactNativePaper.Theme;
70}, keyof import("react-native").ViewProps | keyof import("react").RefAttributes<import("react-native").View>> & {
71 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
72}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View> & {
73 children: import("react").ReactNode;
74 style?: false | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").Animated.Value | import("react-native").Animated.AnimatedInterpolation | import("react-native").Animated.WithAnimatedObject<import("react-native").ViewStyle> | import("react-native").Animated.WithAnimatedArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | readonly (import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>)[]> | null | undefined;
75 theme: ReactNativePaper.Theme;
76}> & (({ style, theme, ...rest }: import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View> & {
77 children: import("react").ReactNode;
78 style?: false | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").Animated.Value | import("react-native").Animated.AnimatedInterpolation | import("react-native").Animated.WithAnimatedObject<import("react-native").ViewStyle> | import("react-native").Animated.WithAnimatedArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | readonly (import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>)[]> | null | undefined;
79 theme: ReactNativePaper.Theme;
80}) => JSX.Element), {}>> & {
81 icon: import("../Icon").IconSource;
82 label?: string | undefined;
83 uppercase?: boolean | undefined;
84 accessibilityLabel?: string | undefined;
85 accessibilityState?: import("react-native").AccessibilityState | undefined;
86 animated?: boolean | undefined;
87 small?: boolean | undefined;
88 color?: string | undefined;
89 disabled?: boolean | undefined;
90 visible?: boolean | undefined;
91 loading?: boolean | undefined;
92 onPress?: (() => void) | undefined;
93 onLongPress?: (() => void) | undefined;
94 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
95 theme: ReactNativePaper.Theme;
96 testID?: string | undefined;
97}) => JSX.Element), {}>) & {
98 Group: import("react").ComponentType<Pick<{
99 actions: {
100 icon: import("../Icon").IconSource;
101 label?: string | undefined;
102 color?: string | undefined;
103 labelTextColor?: string | undefined;
104 accessibilityLabel?: string | undefined;
105 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
106 labelStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
107 small?: boolean | undefined;
108 onPress: () => void;
109 testID?: string | undefined;
110 }[];
111 icon: import("../Icon").IconSource;
112 accessibilityLabel?: string | undefined;
113 color?: string | undefined;
114 backdropColor?: string | undefined;
115 onPress?: (() => void) | undefined;
116 open: boolean;
117 onStateChange: (state: {
118 open: boolean;
119 }) => void;
120 visible: boolean;
121 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
122 fabStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
123 theme: ReactNativePaper.Theme;
124 testID?: string | undefined;
125 }, "style" | "color" | "onPress" | "testID" | "accessibilityLabel" | "icon" | "visible" | "actions" | "open" | "fabStyle" | "onStateChange" | "backdropColor"> & {
126 theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
127 }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<{
128 actions: {
129 icon: import("../Icon").IconSource;
130 label?: string | undefined;
131 color?: string | undefined;
132 labelTextColor?: string | undefined;
133 accessibilityLabel?: string | undefined;
134 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
135 labelStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
136 small?: boolean | undefined;
137 onPress: () => void;
138 testID?: string | undefined;
139 }[];
140 icon: import("../Icon").IconSource;
141 accessibilityLabel?: string | undefined;
142 color?: string | undefined;
143 backdropColor?: string | undefined;
144 onPress?: (() => void) | undefined;
145 open: boolean;
146 onStateChange: (state: {
147 open: boolean;
148 }) => void;
149 visible: boolean;
150 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
151 fabStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
152 theme: ReactNativePaper.Theme;
153 testID?: string | undefined;
154 }> & {
155 ({ actions, icon, open, onPress, accessibilityLabel, theme, style, fabStyle, visible, testID, onStateChange, color: colorProp, backdropColor, }: {
156 actions: {
157 icon: import("../Icon").IconSource;
158 label?: string | undefined;
159 color?: string | undefined;
160 labelTextColor?: string | undefined;
161 accessibilityLabel?: string | undefined;
162 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
163 labelStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
164 small?: boolean | undefined;
165 onPress: () => void;
166 testID?: string | undefined;
167 }[];
168 icon: import("../Icon").IconSource;
169 accessibilityLabel?: string | undefined;
170 color?: string | undefined;
171 backdropColor?: string | undefined;
172 onPress?: (() => void) | undefined;
173 open: boolean;
174 onStateChange: (state: {
175 open: boolean;
176 }) => void;
177 visible: boolean;
178 style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
179 fabStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
180 theme: ReactNativePaper.Theme;
181 testID?: string | undefined;
182 }): JSX.Element;
183 displayName: string;
184 }, {}>;
185};
186export default FAB;