Init commit. Rewrite of old project. Not done

components/theme/buttons/DefaultButton.tsx

@@ -0,0 +1,55 @@
+import { StyleSheet, Pressable } from "react-native";
+import { ThemedView } from "@/components/theme/Theme";
+import { Colors } from '@/constants/Colors';
+import { useColorScheme } from '@/hooks/useColorScheme';
+
+const DEFAULT_WIDTH = 320;
+const DEFAULT_HEIGHT = 68;
+
+type Props = {
+  width?: number;
+  height?: number;
+  onPress?: () => void;
+};
+
+const Button = ({ width, height, children, onPress }: Props & React.ComponentProps<typeof Pressable>) => {
+  const scheme = useColorScheme() ?? 'dark';
+  return (
+    <ThemedView
+      style={[
+        styles.buttonContainer,
+        {
+          width: (width ?? DEFAULT_WIDTH),
+          height: (height ?? DEFAULT_HEIGHT),
+        },
+      ]}
+      >
+      <Pressable
+        style={[
+          styles.button,
+          {backgroundColor: Colors[scheme].text}
+        ]}
+        onPress={onPress}
+      >
+        {children}
+      </Pressable>
+    </ThemedView>
+  );
+};
+export default Button;
+
+const styles = StyleSheet.create({
+  buttonContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 3,
+  },
+  button: {
+    borderRadius: 10,
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+  },
+});

components/theme/buttons/TextButton.tsx

@@ -0,0 +1,37 @@
+import Button from '@/components/theme/buttons/DefaultButton';
+import { ThemedText } from "@/components/theme/Theme";
+import { Colors } from '@/constants/Colors';
+import { useColorScheme } from '@/hooks/useColorScheme';
+
+const DEFAULT_FONT_SIZE = 16;
+
+type Props = {
+  width?: number;
+  height?: number;
+  text: string;
+  fontSize?: number;
+  onPress?: () => void;
+};
+
+const TextButton = ({ width, height, text, fontSize, onPress }: Props ) => {
+  const scheme = useColorScheme() ?? 'dark';
+  return (
+    <Button
+      width={width}
+      height={height}
+      onPress={onPress}
+    >
+      <ThemedText
+        style={[
+          {
+            color: Colors[scheme].text,
+            fontSize: fontSize ?? DEFAULT_FONT_SIZE
+          }
+        ]}
+      >
+        {text}
+      </ThemedText>
+    </Button>
+  );
+};
+export default TextButton;