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
|
export const SwitchTypes = (theme) => ({
_base: {
container: {
width: 52,
height: 32,
overflow: 'hidden',
justifyContent: 'center',
borderRadius: 16,
borderWidth: 1,
borderColor: theme.colors.border.secondary,
onColor: theme.colors.primary,
offColor: {
android: theme.colors.screen.base,
ios: theme.colors.border.base,
},
},
thumb: {
position: 'absolute',
height: 32,
width: 32,
borderWidth: 1,
borderColor: theme.colors.border.secondary,
backgroundColor: theme.colors.screen.base,
borderRadius: 16,
},
},
selected: {
thumb: {
borderColor: theme.colors.primary,
},
container: {
borderColor: theme.colors.primary,
},
},
});
|
