From 5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb Mon Sep 17 00:00:00 2001
From: Kirill Rogovoy <kirill@rogovoy.me>
Date: Tue, 20 Jul 2021 21:24:52 +0300
Subject: WIP

---
 app_expo/components/bullet-item/bullet-item.tsx | 41 +++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 app_expo/components/bullet-item/bullet-item.tsx

(limited to 'app_expo/components/bullet-item')

diff --git a/app_expo/components/bullet-item/bullet-item.tsx b/app_expo/components/bullet-item/bullet-item.tsx
new file mode 100644
index 0000000..f6b2f17
--- /dev/null
+++ b/app_expo/components/bullet-item/bullet-item.tsx
@@ -0,0 +1,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>
+  )
+}
-- 
cgit v1.2.3