summaryrefslogtreecommitdiff
path: root/app_expo/components/bullet-item/bullet-item.tsx
blob: f6b2f17c94b2980642970bd684283615a9e12193 (about) (plain)
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
import * as React from 'react'
import { View, ViewStyle, ImageStyle, TextStyle } from 'react-native'
import { Text } from '../text/text'
import { Icon } from '../icon/icon'
import { spacing, typography } from '../../theme'

const BULLET_ITEM: ViewStyle = {
  flexDirection: 'row',
  marginTop: spacing[4],
  paddingBottom: spacing[4],
  borderBottomWidth: 1,
  borderBottomColor: '#3A3048',
}
const BULLET_CONTAINER: ViewStyle = {
  marginRight: spacing[4] - 1,
  marginTop: spacing[2],
}
const BULLET: ImageStyle = {
  width: 8,
  height: 8,
}
const BULLET_TEXT: TextStyle = {
  flex: 1,
  fontFamily: typography.primary,
  color: '#BAB6C8',
  fontSize: 15,
  lineHeight: 22,
}

export interface BulletItemProps {
  text: string
}

export function BulletItem(props: BulletItemProps) {
  return (
    <View style={BULLET_ITEM}>
      <Icon icon="bullet" containerStyle={BULLET_CONTAINER} style={BULLET} />
      <Text style={BULLET_TEXT} text={props.text} />
    </View>
  )
}