coolsoftwaretyler · December 29, 2023 21:15 · Dec 29, 2023 · Dec 29, 2023 · Dec 26, 2023 · Dec 26, 2023
diff --git a/Text.tsx b/Text.tsx
@@ -34,7 +34,7 @@ export interface TextProps extends RNTextProps {
   color?: string;
 }
 
-export function Text(props: TextProps) {
+export function BrandText(props: TextProps) {
   const {
     text,
     preset = 'body',

diff --git a/Text.tsx b/Text.tsx
@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
     fontWeight: 'normal',
     lineHeight: 24,
   },
-  defaultColor: { color: '#000000' }, // Assuming richBlack color for default text color
+  defaultColor: { color: '#000000' },
 });
 
 type PresetNames = 'header' | 'subheader' | 'body';

diff --git a/Text.tsx b/Text.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import {
+  StyleSheet,
+  Text as RNText,
+  TextProps as RNTextProps,
+  TextStyle,
+} from 'react-native';
+
+const styles = StyleSheet.create({
+  header: {
+    fontSize: 32,
+    fontWeight: 'bold',
+    lineHeight: 40,
+    textTransform: 'uppercase',
+  },
+  subheader: {
+    fontSize: 24,
+    fontWeight: '600',
+    lineHeight: 30,
+  },
+  body: {
+    fontSize: 16,
+    fontWeight: 'normal',
+    lineHeight: 24,
+  },
+  defaultColor: { color: '#000000' }, // Assuming richBlack color for default text color
+});
+
+type PresetNames = 'header' | 'subheader' | 'body';
+
+export interface TextProps extends RNTextProps {
+  text?: string;
+  preset?: PresetNames;
+  color?: string;
+}
+
+export function Text(props: TextProps) {
+  const {
+    text,
+    preset = 'body',
+    color = styles.defaultColor.color,
+    style,
+    ...rest
+  } = props;
+
+  const presetStyle = styles[preset] || styles.body;
+  const colorStyle = { color };
+  const combinedStyles = [presetStyle, colorStyle, style];
+
+  return (
+    <RNText {...rest} style={combinedStyles}>
+      {text}
+    </RNText>
+  );
+}