UNPKG

21.6 kBTypeScriptView Raw
1import React from 'react';
2import { StyleProp, ViewStyle } from 'react-native';
3import { RneFunctionComponent } from '../helpers';
4export declare type CardProps = {
5 containerStyle?: StyleProp<ViewStyle>;
6 wrapperStyle?: StyleProp<ViewStyle>;
7};
8interface Card extends RneFunctionComponent<CardProps> {
9}
10declare const Card: Card;
11export { Card };
12declare const ThemedCard: (React.FunctionComponent<Pick<CardProps & Partial<import("../config").ThemeProps<CardProps>>, "containerStyle" | "wrapperStyle">> & {
13 Divider: React.FunctionComponent<Pick<import("react-native").ViewProps & {
14 color?: string;
15 inset?: boolean;
16 insetType?: "middle" | "left" | "right";
17 style?: StyleProp<ViewStyle>;
18 subHeader?: string;
19 subHeaderStyle?: StyleProp<import("react-native").TextStyle>;
20 orientation?: "horizontal" | "vertical";
21 width?: number;
22 } & Partial<import("../config").ThemeProps<import("..").DividerProps>>, "style" | "onLayout" | "testID" | "width" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "color" | "nativeID" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "pointerEvents" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "inset" | "insetType" | "orientation" | "subHeader" | "subHeaderStyle">> | React.ForwardRefExoticComponent<import("react-native").ViewProps & {
23 color?: string;
24 inset?: boolean;
25 insetType?: "middle" | "left" | "right";
26 style?: StyleProp<ViewStyle>;
27 subHeader?: string;
28 subHeaderStyle?: StyleProp<import("react-native").TextStyle>;
29 orientation?: "horizontal" | "vertical";
30 width?: number;
31 } & Partial<import("../config").ThemeProps<import("..").DividerProps>>>;
32 Image: React.FunctionComponent<Pick<import("react-native").ImageProps & {
33 Component?: typeof React.Component;
34 onPress?(): void;
35 onLongPress?(): void;
36 ImageComponent?: React.ComponentType<any>;
37 PlaceholderContent?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
38 containerStyle?: StyleProp<ViewStyle>;
39 childrenContainerStyle?: StyleProp<ViewStyle>;
40 placeholderStyle?: StyleProp<ViewStyle>;
41 transition?: boolean;
42 transitionDuration?: number;
43 } & Partial<import("../config").ThemeProps<import("..").ImageProps>>, "style" | "onLayout" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "resizeMode" | "resizeMethod" | "source" | "loadingIndicatorSource" | "testID" | "defaultSource" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration" | "width" | "height" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "onPress" | "onLongPress" | "Component" | "containerStyle" | "ImageComponent" | "PlaceholderContent" | "childrenContainerStyle" | "placeholderStyle" | "transition" | "transitionDuration">> | React.ForwardRefExoticComponent<import("react-native").ImageProps & {
44 Component?: typeof React.Component;
45 onPress?(): void;
46 onLongPress?(): void;
47 ImageComponent?: React.ComponentType<any>;
48 PlaceholderContent?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
49 containerStyle?: StyleProp<ViewStyle>;
50 childrenContainerStyle?: StyleProp<ViewStyle>;
51 placeholderStyle?: StyleProp<ViewStyle>;
52 transition?: boolean;
53 transitionDuration?: number;
54 } & Partial<import("../config").ThemeProps<import("..").ImageProps>>>;
55 Title: React.FunctionComponent<Pick<import("react-native").TextProps & {
56 style?: StyleProp<import("react-native").TextStyle>;
57 h1?: boolean;
58 h2?: boolean;
59 h3?: boolean;
60 h4?: boolean;
61 h1Style?: StyleProp<import("react-native").TextStyle>;
62 h2Style?: StyleProp<import("react-native").TextStyle>;
63 h3Style?: StyleProp<import("react-native").TextStyle>;
64 h4Style?: StyleProp<import("react-native").TextStyle>;
65 } & Partial<import("../config").ThemeProps<import("..").TextProps>>, "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onLongPress" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "h1" | "h2" | "h3" | "h4" | "h1Style" | "h2Style" | "h3Style" | "h4Style">> | React.ForwardRefExoticComponent<import("react-native").TextProps & {
66 style?: StyleProp<import("react-native").TextStyle>;
67 h1?: boolean;
68 h2?: boolean;
69 h3?: boolean;
70 h4?: boolean;
71 h1Style?: StyleProp<import("react-native").TextStyle>;
72 h2Style?: StyleProp<import("react-native").TextStyle>;
73 h3Style?: StyleProp<import("react-native").TextStyle>;
74 h4Style?: StyleProp<import("react-native").TextStyle>;
75 } & Partial<import("../config").ThemeProps<import("..").TextProps>>>;
76 FeaturedTitle: React.FunctionComponent<Pick<import("react-native").TextProps & {
77 style?: StyleProp<import("react-native").TextStyle>;
78 h1?: boolean;
79 h2?: boolean;
80 h3?: boolean;
81 h4?: boolean;
82 h1Style?: StyleProp<import("react-native").TextStyle>;
83 h2Style?: StyleProp<import("react-native").TextStyle>;
84 h3Style?: StyleProp<import("react-native").TextStyle>;
85 h4Style?: StyleProp<import("react-native").TextStyle>;
86 } & Partial<import("../config").ThemeProps<import("..").TextProps>>, "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onLongPress" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "h1" | "h2" | "h3" | "h4" | "h1Style" | "h2Style" | "h3Style" | "h4Style">> | React.ForwardRefExoticComponent<import("react-native").TextProps & {
87 style?: StyleProp<import("react-native").TextStyle>;
88 h1?: boolean;
89 h2?: boolean;
90 h3?: boolean;
91 h4?: boolean;
92 h1Style?: StyleProp<import("react-native").TextStyle>;
93 h2Style?: StyleProp<import("react-native").TextStyle>;
94 h3Style?: StyleProp<import("react-native").TextStyle>;
95 h4Style?: StyleProp<import("react-native").TextStyle>;
96 } & Partial<import("../config").ThemeProps<import("..").TextProps>>>;
97 FeaturedSubtitle: React.FunctionComponent<Pick<import("react-native").TextProps & {
98 style?: StyleProp<import("react-native").TextStyle>;
99 h1?: boolean;
100 h2?: boolean;
101 h3?: boolean;
102 h4?: boolean;
103 h1Style?: StyleProp<import("react-native").TextStyle>;
104 h2Style?: StyleProp<import("react-native").TextStyle>;
105 h3Style?: StyleProp<import("react-native").TextStyle>;
106 h4Style?: StyleProp<import("react-native").TextStyle>;
107 } & Partial<import("../config").ThemeProps<import("..").TextProps>>, "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onLongPress" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "h1" | "h2" | "h3" | "h4" | "h1Style" | "h2Style" | "h3Style" | "h4Style">> | React.ForwardRefExoticComponent<import("react-native").TextProps & {
108 style?: StyleProp<import("react-native").TextStyle>;
109 h1?: boolean;
110 h2?: boolean;
111 h3?: boolean;
112 h4?: boolean;
113 h1Style?: StyleProp<import("react-native").TextStyle>;
114 h2Style?: StyleProp<import("react-native").TextStyle>;
115 h3Style?: StyleProp<import("react-native").TextStyle>;
116 h4Style?: StyleProp<import("react-native").TextStyle>;
117 } & Partial<import("../config").ThemeProps<import("..").TextProps>>>;
118}) | (React.ForwardRefExoticComponent<CardProps & Partial<import("../config").ThemeProps<CardProps>>> & {
119 Divider: React.FunctionComponent<Pick<import("react-native").ViewProps & {
120 color?: string;
121 inset?: boolean;
122 insetType?: "middle" | "left" | "right";
123 style?: StyleProp<ViewStyle>;
124 subHeader?: string;
125 subHeaderStyle?: StyleProp<import("react-native").TextStyle>;
126 orientation?: "horizontal" | "vertical";
127 width?: number;
128 } & Partial<import("../config").ThemeProps<import("..").DividerProps>>, "style" | "onLayout" | "testID" | "width" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "color" | "nativeID" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "pointerEvents" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "inset" | "insetType" | "orientation" | "subHeader" | "subHeaderStyle">> | React.ForwardRefExoticComponent<import("react-native").ViewProps & {
129 color?: string;
130 inset?: boolean;
131 insetType?: "middle" | "left" | "right";
132 style?: StyleProp<ViewStyle>;
133 subHeader?: string;
134 subHeaderStyle?: StyleProp<import("react-native").TextStyle>;
135 orientation?: "horizontal" | "vertical";
136 width?: number;
137 } & Partial<import("../config").ThemeProps<import("..").DividerProps>>>;
138 Image: React.FunctionComponent<Pick<import("react-native").ImageProps & {
139 Component?: typeof React.Component;
140 onPress?(): void;
141 onLongPress?(): void;
142 ImageComponent?: React.ComponentType<any>;
143 PlaceholderContent?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
144 containerStyle?: StyleProp<ViewStyle>;
145 childrenContainerStyle?: StyleProp<ViewStyle>;
146 placeholderStyle?: StyleProp<ViewStyle>;
147 transition?: boolean;
148 transitionDuration?: number;
149 } & Partial<import("../config").ThemeProps<import("..").ImageProps>>, "style" | "onLayout" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "resizeMode" | "resizeMethod" | "source" | "loadingIndicatorSource" | "testID" | "defaultSource" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration" | "width" | "height" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "onPress" | "onLongPress" | "Component" | "containerStyle" | "ImageComponent" | "PlaceholderContent" | "childrenContainerStyle" | "placeholderStyle" | "transition" | "transitionDuration">> | React.ForwardRefExoticComponent<import("react-native").ImageProps & {
150 Component?: typeof React.Component;
151 onPress?(): void;
152 onLongPress?(): void;
153 ImageComponent?: React.ComponentType<any>;
154 PlaceholderContent?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
155 containerStyle?: StyleProp<ViewStyle>;
156 childrenContainerStyle?: StyleProp<ViewStyle>;
157 placeholderStyle?: StyleProp<ViewStyle>;
158 transition?: boolean;
159 transitionDuration?: number;
160 } & Partial<import("../config").ThemeProps<import("..").ImageProps>>>;
161 Title: React.FunctionComponent<Pick<import("react-native").TextProps & {
162 style?: StyleProp<import("react-native").TextStyle>;
163 h1?: boolean;
164 h2?: boolean;
165 h3?: boolean;
166 h4?: boolean;
167 h1Style?: StyleProp<import("react-native").TextStyle>;
168 h2Style?: StyleProp<import("react-native").TextStyle>;
169 h3Style?: StyleProp<import("react-native").TextStyle>;
170 h4Style?: StyleProp<import("react-native").TextStyle>;
171 } & Partial<import("../config").ThemeProps<import("..").TextProps>>, "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onLongPress" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "h1" | "h2" | "h3" | "h4" | "h1Style" | "h2Style" | "h3Style" | "h4Style">> | React.ForwardRefExoticComponent<import("react-native").TextProps & {
172 style?: StyleProp<import("react-native").TextStyle>;
173 h1?: boolean;
174 h2?: boolean;
175 h3?: boolean;
176 h4?: boolean;
177 h1Style?: StyleProp<import("react-native").TextStyle>;
178 h2Style?: StyleProp<import("react-native").TextStyle>;
179 h3Style?: StyleProp<import("react-native").TextStyle>;
180 h4Style?: StyleProp<import("react-native").TextStyle>;
181 } & Partial<import("../config").ThemeProps<import("..").TextProps>>>;
182 FeaturedTitle: React.FunctionComponent<Pick<import("react-native").TextProps & {
183 style?: StyleProp<import("react-native").TextStyle>;
184 h1?: boolean;
185 h2?: boolean;
186 h3?: boolean;
187 h4?: boolean;
188 h1Style?: StyleProp<import("react-native").TextStyle>;
189 h2Style?: StyleProp<import("react-native").TextStyle>;
190 h3Style?: StyleProp<import("react-native").TextStyle>;
191 h4Style?: StyleProp<import("react-native").TextStyle>;
192 } & Partial<import("../config").ThemeProps<import("..").TextProps>>, "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onLongPress" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "h1" | "h2" | "h3" | "h4" | "h1Style" | "h2Style" | "h3Style" | "h4Style">> | React.ForwardRefExoticComponent<import("react-native").TextProps & {
193 style?: StyleProp<import("react-native").TextStyle>;
194 h1?: boolean;
195 h2?: boolean;
196 h3?: boolean;
197 h4?: boolean;
198 h1Style?: StyleProp<import("react-native").TextStyle>;
199 h2Style?: StyleProp<import("react-native").TextStyle>;
200 h3Style?: StyleProp<import("react-native").TextStyle>;
201 h4Style?: StyleProp<import("react-native").TextStyle>;
202 } & Partial<import("../config").ThemeProps<import("..").TextProps>>>;
203 FeaturedSubtitle: React.FunctionComponent<Pick<import("react-native").TextProps & {
204 style?: StyleProp<import("react-native").TextStyle>;
205 h1?: boolean;
206 h2?: boolean;
207 h3?: boolean;
208 h4?: boolean;
209 h1Style?: StyleProp<import("react-native").TextStyle>;
210 h2Style?: StyleProp<import("react-native").TextStyle>;
211 h3Style?: StyleProp<import("react-native").TextStyle>;
212 h4Style?: StyleProp<import("react-native").TextStyle>;
213 } & Partial<import("../config").ThemeProps<import("..").TextProps>>, "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onLongPress" | "nativeID" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "minimumFontScale" | "suppressHighlighting" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "h1" | "h2" | "h3" | "h4" | "h1Style" | "h2Style" | "h3Style" | "h4Style">> | React.ForwardRefExoticComponent<import("react-native").TextProps & {
214 style?: StyleProp<import("react-native").TextStyle>;
215 h1?: boolean;
216 h2?: boolean;
217 h3?: boolean;
218 h4?: boolean;
219 h1Style?: StyleProp<import("react-native").TextStyle>;
220 h2Style?: StyleProp<import("react-native").TextStyle>;
221 h3Style?: StyleProp<import("react-native").TextStyle>;
222 h4Style?: StyleProp<import("react-native").TextStyle>;
223 } & Partial<import("../config").ThemeProps<import("..").TextProps>>>;
224});
225export default ThemedCard;
226
\No newline at end of file