feat : Librairie de base

src/app/index.tsx

@@ -1,17 +1,48 @@
-import { Text, View, StyleSheet } from "react-native";
+import { StyleSheet, Text, View } from 'react-native';
+
+import '../global.css';
+import { useTheme } from '../theme';
 
 export default function Index() {
+  const { colors, spacing, typography } = useTheme();
+
   return (
     <View style={styles.container}>
-      <Text>Edit src/app/index.tsx to edit this screen.</Text>
-    </View>
+        <Text
+          style={[
+            styles.title,
+            {
+              color: colors.textSecondary,
+              fontFamily: typography.sectionLabel.fontFamily,
+              fontSize: typography.sectionLabel.fontSize,
+              lineHeight: typography.sectionLabel.lineHeight,
+              letterSpacing: typography.sectionLabel.letterSpacing,
+            },
+          ]}>
+          GradientButton variants
+        </Text>
+      </View>
   );
 }
 
 const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1,
+  },
   container: {
     flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
+    paddingHorizontal: 20,
+    paddingTop: 24,
+    justifyContent: 'center',
+  },
+  title: {
+    textTransform: 'uppercase',
+    marginBottom: 20,
+  },
+  stack: {
+    width: '100%',
+  },
+  disabledWrap: {
+    marginTop: 24,
   },
 });