From e5021187e96b78b53203bd95d08d6818aea47d17 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <thomasfkjorna@gmail.com>
Date: Wed, 14 Jul 2021 15:10:31 +0200
Subject: New Ignite 7.0.6 app

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

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

diff --git a/app/components/bullet-item/bullet-item.tsx b/app/components/bullet-item/bullet-item.tsx
new file mode 100644
index 0000000..d999e10
--- /dev/null
+++ b/app/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