refactor src folder structure

src/hooks/useThemeColor.ts

@@ -0,0 +1,22 @@
+/**
+ * Learn more about light and dark modes:
+ * https://docs.expo.dev/guides/color-schemes/
+ */
+
+import { useColorScheme } from 'react-native';
+
+import { Colors } from '@/src/constants/Colors';
+
+export function useThemeColor(
+    props: { light?: string; dark?: string },
+    colorName: keyof typeof Colors.light & keyof typeof Colors.dark
+) {
+    const theme = useColorScheme() ?? 'light';
+    const colorFromProps = props[ theme ];
+
+    if (colorFromProps) {
+        return colorFromProps;
+    } else {
+        return Colors[ theme ][ colorName ];
+    }
+}