Remove unused libraries

components/common/Section.tsx

@@ -0,0 +1,17 @@
+import {PropsWithChildren} from 'react';
+import {Dimensions, StyleSheet, Text, View} from 'react-native';
+import {Colors} from 'react-native/Libraries/NewAppScreen';
+import {styles} from './styles';
+
+type SectionProps = PropsWithChildren<{
+  title: string;
+}>;
+
+export function Section({children, title}: SectionProps): React.JSX.Element {
+  return (
+    <View style={styles.sectionContainer}>
+      <Text style={styles.sectionTitle}>{title}</Text>
+      <Text style={[styles.sectionDescription]}>{children}</Text>
+    </View>
+  );
+}

components/common/styles.ts

@@ -0,0 +1,39 @@
+import {Dimensions, StyleSheet} from 'react-native';
+import {Colors} from 'react-native/Libraries/NewAppScreen';
+
+export const styles = StyleSheet.create({
+  input: {
+    height: 40,
+    margin: 12,
+    borderWidth: 1,
+    borderBottomColor: 'white',
+    padding: 10,
+    color: Colors.white,
+  },
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+    width: Dimensions.get('window').width - 80,
+    color: Colors.white,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: '600',
+    color: Colors.white,
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: '400',
+    color: Colors.white,
+  },
+  highlight: {
+    fontWeight: '500',
+  },
+});
+
+export const TextTheme = [
+  {
+    color: Colors.white,
+  },
+];