49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
// Metro module 11092 (f11093).
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { PressableHighlight } from "../../../design/void/Pressables/native/Pressables";
|
|
import Linking from "../../../lib/native/Linking";
|
|
import { Text } from "../../../design/components/Text/native/Text";
|
|
import { Icon } from "../../../design/void/native";
|
|
import * as _Module7703 from "../../../_bundle/Module7703";
|
|
const useStyles = createStyles({
|
|
childButton: {
|
|
marginBottom: 8,
|
|
borderRadius: Module712.radii.xs
|
|
},
|
|
childContainer: {
|
|
minHeight: 60,
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
justifyContent: "flex-start",
|
|
backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
|
|
paddingVertical: 16,
|
|
paddingStart: 16,
|
|
paddingEnd: 8,
|
|
borderRadius: Module712.radii.xs
|
|
},
|
|
childButtonText: {
|
|
flex: 1,
|
|
lineHeight: 20
|
|
},
|
|
chevron: {
|
|
color: Module712.colors.INTERACTIVE_TEXT_DEFAULT
|
|
}
|
|
});
|
|
export default function AppealIngestionExternalLink(props) {
|
|
const { text, url, onPress: onPress2 } = props;
|
|
const styles = useStyles();
|
|
return <PressableHighlight style={styles.childButton} accessibilityRole="button" onPress={function onPress() {
|
|
if (onPress2 != null) {
|
|
onPress2();
|
|
}
|
|
Linking.openURL(url);
|
|
}}>
|
|
<View style={styles.childContainer}>
|
|
<Text style={styles.childButtonText} variant="text-md/semibold" color="mobile-text-heading-primary">{text}</Text>
|
|
<Icon source={_Module7703} color={styles.chevron.color} />
|
|
</View>
|
|
</PressableHighlight>;
|
|
};
|