Add 'apps/mobile/' from commit '5fa30f365f21531094cd4d2045042bb4f1370ac3'

git-subtree-dir: apps/mobile git-subtree-mainline: 86f8987dff git-subtree-split: 5fa30f365f
2026-08-16 21:42:59 -04:00
parent 86f8987dff 5fa30f365f
commit d057ba208d
222 changed files with 23436 additions and 0 deletions
@@ -0,0 +1,35 @@
+import { StyleSheet, Text, View } from "react-native";
+
+import { fonts } from "@/constants/theme";
+import { tabLayout } from "@/lib/tab-layout";
+import { useAppTheme } from "@/contexts/ThemeContext";
+
+type PageHeaderProps = {
+  title: string;
+  subtitle: string;
+};
+
+/** Title block — scrolls with tab screen content. */
+export function PageHeader({ title, subtitle }: PageHeaderProps) {
+  const { colors } = useAppTheme();
+
+  return (
+    <View style={tabLayout.pageHeader}>
+      <Text style={[styles.title, { color: colors.foreground }]}>{title}</Text>
+      <Text style={[styles.subtitle, { color: colors.mutedForeground }]}>{subtitle}</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  title: {
+    fontSize: 28,
+    lineHeight: 32,
+    fontFamily: fonts.heading,
+  },
+  subtitle: {
+    fontSize: 14,
+    lineHeight: 18,
+    fontFamily: fonts.body,
+  },
+});