From b57488e07f1f8242d166cfaf1fc3237c2b62809a Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Mon, 21 Oct 2024 13:00:24 -0500
Subject: [PATCH] moar font

getting switch with label to use font
---
 components/helpers/switch-with-label.tsx |  4 ++--
 components/helpers/text.tsx              | 28 +++++++++++++++++++-----
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/components/helpers/switch-with-label.tsx b/components/helpers/switch-with-label.tsx
index 379873bb..a4d2646d 100644
--- a/components/helpers/switch-with-label.tsx
+++ b/components/helpers/switch-with-label.tsx
@@ -1,11 +1,11 @@
-import { SizeTokens, XStack, Label, Separator, Switch } from "tamagui";
+import { SizeTokens, XStack, Separator, Switch } from "tamagui";
+import { Label } from "./text";
 
 export function SwitchWithLabel(props: { size: SizeTokens; checked: boolean, label: string, onCheckedChange: (value: boolean) => void, width?: number }) {
     const id = `switch-${props.size.toString().slice(1)}-${props.checked ?? ''}}`
     return (
       <XStack alignItems="center" gap="$4">
         <Label
-          justifyContent="flex-end"
           size={props.size}
           htmlFor={id}
         >
diff --git a/components/helpers/text.tsx b/components/helpers/text.tsx
index 48dd1edd..1e7ee12e 100644
--- a/components/helpers/text.tsx
+++ b/components/helpers/text.tsx
@@ -1,14 +1,30 @@
 import { StyleSheet } from "react-native"
-import { H1 } from "tamagui"
+import { H1, SizeTokens, Label as TamaguiLabel } from "tamagui"
 
 const styles = StyleSheet.create({
-    text: {
-        
-    },
     heading: {
         fontFamily: 'Aileron-Black'
-    }
-})
+    },
+    label: {
+        fontFamily: 'Aileron-SemiBold'
+    },
+    text: {
+        fontFamily: 'Aileron-Regular'
+    },
+});
+
+interface LabelProps {
+    htmlFor: string,
+    children: string,
+    size: SizeTokens
+}
+
+export function Label(props: LabelProps): React.JSX.Element {
+    return (
+        <TamaguiLabel htmlFor={props.htmlFor} justifyContent="flex-end">{ props.children }</TamaguiLabel>
+    )
+}
+
 export function Heading({ children }: { children: string }): React.JSX.Element {
     return (
         <H1 marginVertical={30} style={styles.heading}>{ children }</H1>