Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 | 3x 2x 2x 16x 16x 16x 16x 9x 9x | import React from "react";
import { StyleSheet, Text, type StyleProp, type TextStyle } from "react-native";
import { useTheme } from "../../hooks/useTheme";
const styles = StyleSheet.create({
lastUpdated: {
fontSize: 13,
marginBottom: 16,
},
sectionTitle: {
fontSize: 16,
fontWeight: "700",
marginTop: 14,
marginBottom: 6,
},
paragraph: {
fontSize: 14,
lineHeight: 20,
},
bullet: {
fontSize: 14,
lineHeight: 20,
marginLeft: 12,
},
});
export function SettingsLegalLastUpdated({ children }: { children: string }) {
const { colors } = useTheme();
return (
<Text style={[styles.lastUpdated, { color: colors.textMuted }]}>
{children}
</Text>
);
}
export function SettingsLegalSectionTitle({
children,
style,
}: {
children: string;
style?: StyleProp<TextStyle>;
}) {
const { colors } = useTheme();
return (
<Text style={[styles.sectionTitle, { color: colors.text }, style]}>
{children}
</Text>
);
}
export function SettingsLegalParagraph({
children,
style,
}: {
children: React.ReactNode;
style?: StyleProp<TextStyle>;
}) {
const { colors } = useTheme();
return (
<Text style={[styles.paragraph, { color: colors.textMuted }, style]}>
{children}
</Text>
);
}
export function SettingsLegalBullet({
children,
style,
}: {
children: React.ReactNode;
style?: StyleProp<TextStyle>;
}) {
const { colors } = useTheme();
return (
<Text style={[styles.bullet, { color: colors.textMuted }, style]}>
{children}
</Text>
);
}
|