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 { ViewStyle, TextStyle } from 'react-native'
import { color, spacing } from '../../theme'
/**
* All text will start off looking like this.
*/
const BASE_VIEW: ViewStyle = {
paddingVertical: spacing[2],
paddingHorizontal: spacing[2],
borderRadius: 4,
justifyContent: 'center',
alignItems: 'center',
}
const BASE_TEXT: TextStyle = {
paddingHorizontal: spacing[3],
}
/**
* All the variations of text styling within the app.
*
* You want to customize these to whatever you need in your app.
*/
export const viewPresets: Record<string, ViewStyle> = {
/**
* A smaller piece of secondard information.
*/
primary: { ...BASE_VIEW, backgroundColor: color.palette.orange } as ViewStyle,
/**
* A button without extras.
*/
link: {
...BASE_VIEW,
paddingHorizontal: 0,
paddingVertical: 0,
alignItems: 'flex-start',
} as ViewStyle,
}
export const textPresets: Record<ButtonPresetNames, TextStyle> = {
primary: {
...BASE_TEXT,
fontSize: 9,
color: color.palette.white,
} as TextStyle,
link: {
...BASE_TEXT,
color: color.text,
paddingHorizontal: 0,
paddingVertical: 0,
} as TextStyle,
}
/**
* A list of preset names.
*/
export type ButtonPresetNames = keyof typeof viewPresets
|
