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
59
60
61
62
63
64
65
66
67
68
69
70
71
|
import { ViewStyle } from 'react-native'
import { color, spacing } from '../../theme'
/**
* The size of the border radius.
*/
const RADIUS = 8
/**
* The default style of the container.
*/
const ROOT: ViewStyle = {
borderWidth: 1,
borderColor: color.line,
padding: spacing[2],
}
/**
* What each of the presets look like.
*/
export const PRESETS = {
/**
* Rounded borders on the the top only.
*/
top: {
...ROOT,
borderTopLeftRadius: RADIUS,
borderTopRightRadius: RADIUS,
borderBottomWidth: 0,
},
/**
* No rounded borders.
*/
middle: {
...ROOT,
borderBottomWidth: 0,
},
/**
* Rounded borders on the bottom.
*/
bottom: {
...ROOT,
borderBottomLeftRadius: RADIUS,
borderBottomRightRadius: RADIUS,
},
/**
* Rounded borders everywhere.
*/
soloRound: {
...ROOT,
borderRadius: RADIUS,
},
/**
* Straight borders everywhere.
*/
soloStraight: {
...ROOT,
},
/**
* Transparent borders useful to keep things lined up.
*/
clear: {
...ROOT,
borderColor: color.transparent,
},
}
/**
* The names of the presets supported by FormRow.
*/
export type FormRowPresets = keyof typeof PRESETS
|
