-
Notifications
You must be signed in to change notification settings - Fork 1
/
App.tsx
58 lines (53 loc) · 1.48 KB
/
App.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import React from 'react';
import { MainScreen } from './demo/MainScreen';
import { Collect } from './demo/Collect';
import { Reveal } from './demo/Reveal';
import type { ElementEvent } from './src';
const Stack = createNativeStackNavigator();
type RootStackParamList = {
['Basis Theory React Native SDK']: undefined;
Collect: undefined;
Reveal: undefined;
};
type ElementEvents = Record<
'cardExpirationDate' | 'cardNumber' | 'cvc',
ElementEvent | undefined
>;
const App = () => (
<NavigationContainer>
<Stack.Navigator
initialRouteName="Basis Theory React Native SDK"
screenOptions={{
headerStyle: {
backgroundColor: '#121324',
},
contentStyle: {
backgroundColor: '#070a1b',
},
headerTintColor: '#fff',
headerTitleStyle: {
fontWeight: 'bold',
},
}}
>
<Stack.Screen
component={MainScreen}
name="Basis Theory React Native SDK"
/>
<Stack.Screen
component={Collect}
name="Collect"
options={{ title: 'Collect Card Information' }}
/>
<Stack.Screen
component={Reveal}
name="Reveal"
options={{ title: 'Reveal Card Information' }}
/>
</Stack.Navigator>
</NavigationContainer>
);
export type { RootStackParamList, ElementEvents };
export default App;