1
1
import {
2
2
DEFAULT_SIZE_MULTIPLIER ,
3
- DEFAULT_OUTER_BORDER_WIDTH_MULTIPLIER
3
+ DEFAULT_OUTER_BORDER_WIDTH_MULTIPLIER ,
4
4
} from "./utils/constants" ;
5
5
6
- export const isHorizontal = horizontal => ( {
6
+ export const isHorizontal = ( horizontal ) => ( {
7
7
flexDirection : horizontal ? "column" : "row" ,
8
8
} ) ;
9
9
10
10
export const innerStyle = ( size , innerColor ) => ( {
11
11
width : size ,
12
12
height : size ,
13
13
borderRadius : size / 2 ,
14
- backgroundColor : innerColor
14
+ backgroundColor : innerColor ,
15
15
} ) ;
16
16
17
17
export const outerStyle = ( size , outerColor ) => ( {
@@ -20,25 +20,25 @@ export const outerStyle = (size, outerColor) => ({
20
20
width : size + size * DEFAULT_SIZE_MULTIPLIER ,
21
21
height : size + size * DEFAULT_SIZE_MULTIPLIER ,
22
22
borderRadius : ( size + size * DEFAULT_SIZE_MULTIPLIER ) / 2 ,
23
- borderWidth : size * DEFAULT_OUTER_BORDER_WIDTH_MULTIPLIER
23
+ borderWidth : size * DEFAULT_OUTER_BORDER_WIDTH_MULTIPLIER ,
24
24
} ) ;
25
25
26
- export const transformStyle = springValue => ( {
27
- transform : [ { scale : springValue } ]
26
+ export const transformStyle = ( springValue ) => ( {
27
+ transform : [ { scale : springValue } ] ,
28
28
} ) ;
29
29
30
30
export const textStyle = ( textColor , innerColor , fontSize ) => ( {
31
31
fontSize,
32
- color : textColor || innerColor
32
+ color : textColor || innerColor ,
33
33
} ) ;
34
34
35
- export const textContainer = horizontal => ( {
36
- marginTop : horizontal && 8 ,
37
- marginLeft : horizontal || 8
35
+ export const textContainer = ( horizontal ) => ( {
36
+ marginTop : horizontal ? 8 : 0 ,
37
+ marginLeft : horizontal ? 0 : 8 ,
38
38
} ) ;
39
39
40
40
export default {
41
41
center : {
42
42
alignItems : "center" ,
43
- }
43
+ } ,
44
44
} ;
0 commit comments